@toss/tds-react-native 1.3.4 → 1.3.6

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_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}});
+"use strict";var __importDefault=this&&this.__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}});

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

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

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

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

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

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

package/dist/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"),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;
+"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;

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

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

package/dist/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.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);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

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

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

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

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

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_js_1=require("./BottomInfo.js");Object.defineProperty(exports,"BottomInfo",{enumerable:!0,get:function(){return __importDefault(BottomInfo_js_1).default}});
+"use strict";var __importDefault=this&&this.__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}});

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

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

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

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

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_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}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDoubleCTA=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"),CTAAnimation_1=require("../utils/CTAAnimation"),Gradient_1=require("./Gradient");exports.BottomSheetDoubleCTA=(0,react_1.memo)(function({topAccessory:e,bottomAccessory:t,ctaContentGap:n=34,leftButton:o,rightButton:i}){const r=(0,core_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)(txt_1.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:o}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonWrapper,children:i})]}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.bottomAccessoryWrapper,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(txt_1.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/SingleCTA.d.ts

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

package/dist/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_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"}});
+"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"),core_1=require("../../../core"),button_1=require("../../button"),txt_1=require("../../txt"),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,core_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)(txt_1.Txt,{typography:"t6",color:r.grey600,children:e}):e}):null,(0,jsx_runtime_1.jsx)(button_1.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)(txt_1.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,7 +1,7 @@
-import type { DoubleCTAProps } from './DoubleCTA.js';
-import { BottomSheetDoubleCTA } from './DoubleCTA.js';
-import type { SingleCTAProps } from './SingleCTA.js';
-import { BottomSheetSingleCTA } from './SingleCTA.js';
+import type { DoubleCTAProps } from './DoubleCTA';
+import { BottomSheetDoubleCTA } from './DoubleCTA';
+import type { SingleCTAProps } from './SingleCTA';
+import { BottomSheetSingleCTA } from './SingleCTA';
 type BottomSheetCTAType = typeof BottomSheetSingleCTA & {
     Double: typeof BottomSheetDoubleCTA;
 };

package/dist/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_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;
+"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;

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

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

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

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

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

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_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]})]})}
+"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"),core_1=require("../../core"),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 r=(0,HideAccessibility_1.useHideAccessibility)(),i=(0,react_1.useRef)(null),o=(0,react_1.useCallback)(()=>{react_native_1.Keyboard.dismiss(),c?.()},[c]),D=(0,react_1.useCallback)(()=>{i.current?.darken()},[]),f=(0,react_1.useCallback)(()=>{i.current?.lighten(.5)},[]),l=(0,react_1.useCallback)(()=>{i.current?.reset()},[]),q=t!=null?30:0,A=(0,react_1.useMemo)(()=>[t,n].filter(s=>s!=null).length*30,[t,n]),a=(0,core_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?r.activate():r.inactivate(),r.inactivate),[r,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:i,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]})]})}

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

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

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

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

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

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

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

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

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

package/dist/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_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})})});
+"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"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),gradient_1=require("../gradient"),txt_1=require("../txt"),BaseButton=(0,react_1.forwardRef)(function({children:r,onPress:t,size:i="big",style:s="fill",display:l="inline",disabled:a=!1,loading:n=!1,viewStyle:o,color:u,containerStyle:A,textStyle:y,pointerEvents:k=void 0,leftAccessory:V,onPressIn:p,onPressOut:b,...D},h){const d=(0,core_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=!(a||n),[q,C]=(0,react_1.useState)(!1),N=(0,react_1.useCallback)(m=>{p?.(m),v!==!1&&C(!0)},[p,v]),x=(0,react_1.useCallback)(m=>{b?.(m),v!==!1&&C(!1)},[b,v]),c=useButtonAnimation({style:s,display:l});(0,react_1.useEffect)(()=>{if(q){c.controller.pressed.start();return}if(n&&f.controller.loader.start(),n&&a){c.controller.loadingWhileDisabled.start();return}if(n&&!a){c.controller.loading.start();return}if(!n&&a){c.controller.disabled.start();return}c.controller.default.start()},[n,a,c.controller,f.controller,q]);const S=react_1.Children.map(r,(m,j)=>typeof m=="string"||typeof m=="number"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:typographyBySize[i],color:u??g.textColor,style:y,fontWeight:"semibold",children:m}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:m},j));return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",onPress:v?t:void 0,pointerEvents:k,onPressIn:N,onPressOut:x,style:[vierStyleByDislpay[l],o],ref:h,...D,accessibilityState:{disabled:a,...D.accessibilityState},children:(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{ref:h,style:[exports.containerStylesBySize.base,exports.containerStylesBySize[i],containerStylesByDisplay[l],c.style.container,A],children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.backgroundColor},c.style.background]}),(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{flexDirection:"row",alignItems:"center"},c.style.text],children:[V,S]}),(0,jsx_runtime_1.jsx)(animated_1.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)(gradient_1.RadialGradient,{colors:[g.gradientStartColor,g.gradientEndColor]})})}),(0,jsx_runtime_1.jsx)(animated_1.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)(animated_1.Animated.View,{style:{flexDirection:"row",gap:7},children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader1]}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader2]}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader3]})]})}),(0,jsx_runtime_1.jsx)(animated_1.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)(()=>animated_1.Animated.parallel([animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(e,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.Animated.timing(e,{toValue:.2,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})])),animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(r,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.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)(()=>animated_1.Animated.parallel([animated_1.Animated.sequence([e.controller.create()]),animated_1.Animated.sequence([animated_1.Animated.delay(100),r.controller.create()]),animated_1.Animated.sequence([animated_1.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),a=(0,react_native_1.useAnimatedValue)(1),n=(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)(()=>animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(l,{toValue:1,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),animated_1.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,n,o,u,l,a]),y=(0,react_1.useMemo)(()=>animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:.26,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),r==="inline"?animated_1.Animated.spring(i,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1}):animated_1.Animated.spring(a,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1})]),[s,i,n,r,o,a]),k=(0,react_1.useMemo)(()=>(o.setValue(0),animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:.13,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(o,{toValue:e==="fill"?.7:.24,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),animated_1.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),animated_1.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(u,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,n,o,u,e,l,a]),V=(0,react_1.useMemo)(()=>(o.setValue(0),animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(s,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(o,{toValue:e==="fill"?.2:.14,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),animated_1.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),animated_1.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(u,{toValue:e==="fill"?.7:.3,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,n,o,u,e,l,a]),p=(0,react_1.useMemo)(()=>animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(l,{toValue:e==="fill"?1:.38,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),animated_1.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(t,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),animated_1.Animated.spring(a,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,n,o,u,e,l,a]);return(0,react_1.useMemo)(()=>({style:{container:{opacity:t,transform:[{scale:i}]},background:{opacity:s},text:{opacity:l,transform:[{scale:a}]},dim:{opacity:n},gradient:{opacity:o},loader:{opacity:u}},controller:{default:A,pressed:y,loading:k,loadingWhileDisabled:V,disabled:p}}),[s,t,i,A,n,p,o,u,k,V,y,l,a])}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)(core_1.ThemeProvider,{token:s,children:(0,jsx_runtime_1.jsx)(BaseButton,{...t,ref:i})})});

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonDerivedTokenGenerator=void 0;const tds_colors_1=require("@toss/tds-colors"),BaseDerivedTokenGenerator_js_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator.js"),ColorManager_js_1=require("../../utils/ColorManager.js");function getBaseColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch();return o.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}:o.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.08).getRgba(),textWeakColor:e}:o.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.09).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.7?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.11).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<=.75?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.13).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.8?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.15).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:tds_colors_1.colors.greyOpacity800,backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}}function getWeakColorsWithSpecialCondition(e,o){const r=new ColorManager_js_1.ColorManager(e).getOklch();return r.l>=.8||r.l<.4?{backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700,dimWeakColor:tds_colors_1.colors.grey700,gradientStartWeakColor:tds_colors_1.colors.grey700,loaderWeakColor:tds_colors_1.colors.grey700}:{backgroundWeakColor:o.backgroundWeakColor,textWeakColor:o.textWeakColor,dimWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,gradientStartWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,loaderWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor}}function getThemeColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch(),r=getBaseColors(e),a=getWeakColorsWithSpecialCondition(e,r),l=new ColorManager_js_1.ColorManager(r.backgroundFillColor).setLightness(new ColorManager_js_1.ColorManager(r.backgroundFillColor).getLightness()-.134).getRgba();return{...r,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:o.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:l,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new ColorManager_js_1.ColorManager(r.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new ColorManager_js_1.ColorManager(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:o.l>=.8?tds_colors_1.colors.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}class ButtonDerivedTokenGenerator extends BaseDerivedTokenGenerator_js_1.BaseDerivedTokenGenerator{calculate(o){return getThemeColors(o.color.primary)}}exports.ButtonDerivedTokenGenerator=ButtonDerivedTokenGenerator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonDerivedTokenGenerator=void 0;const tds_colors_1=require("@toss/tds-colors"),BaseDerivedTokenGenerator_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator"),ColorManager_1=require("../../utils/ColorManager");function getBaseColors(e){const o=new ColorManager_1.ColorManager(e).getOklch();return o.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}:o.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(e).setAlpha(.08).getRgba(),textWeakColor:e}:o.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(e).setAlpha(.09).getRgba(),textWeakColor:new ColorManager_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.7?{backgroundFillColor:new ColorManager_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(e).setAlpha(.11).getRgba(),textWeakColor:new ColorManager_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<=.75?{backgroundFillColor:new ColorManager_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(e).setAlpha(.13).getRgba(),textWeakColor:new ColorManager_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.8?{backgroundFillColor:new ColorManager_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_1.ColorManager(e).setAlpha(.15).getRgba(),textWeakColor:new ColorManager_1.ColorManager(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:tds_colors_1.colors.greyOpacity800,backgroundWeakColor:new ColorManager_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}}function getWeakColorsWithSpecialCondition(e,o){const r=new ColorManager_1.ColorManager(e).getOklch();return r.l>=.8||r.l<.4?{backgroundWeakColor:new ColorManager_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700,dimWeakColor:tds_colors_1.colors.grey700,gradientStartWeakColor:tds_colors_1.colors.grey700,loaderWeakColor:tds_colors_1.colors.grey700}:{backgroundWeakColor:o.backgroundWeakColor,textWeakColor:o.textWeakColor,dimWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,gradientStartWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,loaderWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor}}function getThemeColors(e){const o=new ColorManager_1.ColorManager(e).getOklch(),r=getBaseColors(e),a=getWeakColorsWithSpecialCondition(e,r),l=new ColorManager_1.ColorManager(r.backgroundFillColor).setLightness(new ColorManager_1.ColorManager(r.backgroundFillColor).getLightness()-.134).getRgba();return{...r,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:o.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:l,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new ColorManager_1.ColorManager(r.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new ColorManager_1.ColorManager(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:o.l>=.8?tds_colors_1.colors.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}class ButtonDerivedTokenGenerator extends BaseDerivedTokenGenerator_1.BaseDerivedTokenGenerator{calculate(o){return getThemeColors(o.color.primary)}}exports.ButtonDerivedTokenGenerator=ButtonDerivedTokenGenerator;

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

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

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

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

package/dist/cjs/components/carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { CarouselItem } from './CarouselItem.js';
+import { CarouselItem } from './CarouselItem';
 interface Props {
     children: ReactNode[];
     /** 캐러셀 아이템의 너비 */

package/dist/cjs/components/carousel/Carousel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=Carousel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),snap_js_1=require("./animations/snap.js"),CarouselItem_js_1=require("./CarouselItem.js");function Carousel({children:s,itemWidth:n=280,itemGap:i=12,padding:a=24,renderIndicators:c}){const o=react_1.Children.toArray(s).filter(e=>(0,react_1.isValidElement)(e)).length,t=(0,react_1.useMemo)(()=>({itemsCount:o,itemGap:i,itemWidth:n,padding:a}),[i,n,o,a]),r=(0,snap_js_1.useSnapAnimation)(t),l=react_native_gesture_handler_1.Gesture.Simultaneous(r.gesture),m={transform:[...r.transforms]},u=react_1.Children.toArray(s).filter(e=>(0,react_1.isValidElement)(e)).map((e,_)=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:t.itemWidth},children:e},_));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:l,children:(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:m,children:(0,jsx_runtime_1.jsx)(react_native_1.Stack.Horizontal,{gutter:t.itemGap,align:"flex-start",justify:"center",children:u})})}),c?.({activeIndex:r.activeIndex,itemsCount:u.length})]})}Carousel.Item=CarouselItem_js_1.CarouselItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=Carousel;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),react_native_1=require("@granite-js/react-native"),react_1=require("react"),react_native_2=require("react-native"),snap_1=require("./animations/snap"),CarouselItem_1=require("./CarouselItem");function Carousel({children:n,itemWidth:s=280,itemGap:i=12,padding:a=24,renderIndicators:c}){const o=react_1.Children.toArray(n).filter(e=>(0,react_1.isValidElement)(e)).length,t=(0,react_1.useMemo)(()=>({itemsCount:o,itemGap:i,itemWidth:s,padding:a}),[i,s,o,a]),r=(0,snap_1.useSnapAnimation)(t),l=react_native_gesture_handler_1.Gesture.Simultaneous(r.gesture),m={transform:[...r.transforms]},u=react_1.Children.toArray(n).filter(e=>(0,react_1.isValidElement)(e)).map((e,_)=>(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:t.itemWidth},children:e},_));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:l,children:(0,jsx_runtime_1.jsx)(react_native_2.Animated.View,{style:m,children:(0,jsx_runtime_1.jsx)(react_native_1.Stack.Horizontal,{gutter:t.itemGap,align:"flex-start",justify:"center",children:u})})}),c?.({activeIndex:r.activeIndex,itemsCount:u.length})]})}Carousel.Item=CarouselItem_1.CarouselItem;

package/dist/cjs/components/carousel/animations/snap.d.ts

@@ -1,7 +1,7 @@
 import { Animated } from 'react-native';
-import type { CarouselContext } from '../context.js';
+import type { CarouselContext } from '../context';
 export declare function useSnapAnimation(context: CarouselContext): {
-    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture.js").PanGesture;
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
     transforms: {
         translateX: Animated.Value;
     }[];

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

@@ -1 +1 @@
-export * from './Carousel.js';
+export * from './Carousel';

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

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

package/dist/cjs/components/chart/BarChart.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js");function Bar({borderRadius:o,backgroundColor:e=tds_colors_1.colors.grey100,...s}){const a="bar-background-color",n=`0 0 ${s.width} ${s.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:n,...s,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:a,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:s.width??"100%",height:s.height??"100%",fill:`url(#${a})`,rx:o,ry:o})]})}function XAxisLabel({style:o,color:e=tds_colors_1.colors.grey600,...s}){return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:[{marginTop:6,paddingHorizontal:4},o],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarAnnotation({style:o,color:e=tds_colors_1.colors.grey500,...s}){return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{style:[{marginBottom:6,paddingHorizontal:6},o],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarContainer({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:o,...e})}function ChartArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}function XAxisArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:s=WINDOW_WIDTH,height:a=205,fill:n={type:"all-bar",theme:"blue"},style:y,...j},f){const t=(0,index_js_1.useAdaptive)(),_=48,A=24,B=23,p=58,C=38,H=s-_,M=a-A-B,S=Math.max(...e.map(({value:r})=>r)),d=Math.floor(Math.min(H/e.length,p)),W=M*.7,m=r=>Math.floor(r/S*W),g=Math.round(C/p*d),w=g>=30?8:g>9?Math.floor(g/5+2):3,c=(0,react_1.useMemo)(()=>({default:t.grey100,blue:[t.blue300,t.blue500],green:[t.green200,t.green400],yellow:[t.yellow300,t.yellow500],orange:[t.orange300,t.orange500],red:[t.red300,t.red500],grey:[t.grey400,t.grey500]}),[t]),l=(0,react_1.useMemo)(()=>({default:t.grey500,blue:t.blue700,green:t.green800,yellow:t.yellow900,orange:t.orange900,red:t.red700,grey:t.grey700}),[t]),b=[n.type,n.theme,n.count],v=(0,react_1.useMemo)(()=>{const r=c.default;if(n.type==="auto"){const u=[c.blue,c.green,c.yellow,c.orange,c.red,c.grey];return new Array(e.length).fill(r).map((x,h)=>h<n.count?u[h%u.length]:x).reverse()}const i=c[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(i)},[...b,e.length,c]),q=(0,react_1.useMemo)(()=>{const r=l.default;if(n.type==="auto"){const u=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(r).map((x,h)=>h<n.count?u[h%u.length]:x).reverse()}const i=l[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(r)},[...b,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:f,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},y],gutter:0,...j,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:q[i],children:r}),(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})]},i))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:r},i)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:r},i))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:f,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},y],gutter:0,...j,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})},i))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),core_1=require("../../core"),txt_1=require("../txt");function Bar({borderRadius:o,backgroundColor:e=tds_colors_1.colors.grey100,...s}){const a="bar-background-color",n=`0 0 ${s.width} ${s.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:n,...s,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:a,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:s.width??"100%",height:s.height??"100%",fill:`url(#${a})`,rx:o,ry:o})]})}function XAxisLabel({style:o,color:e=tds_colors_1.colors.grey600,...s}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginTop:6,paddingHorizontal:4},o],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarAnnotation({style:o,color:e=tds_colors_1.colors.grey500,...s}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginBottom:6,paddingHorizontal:6},o],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...s})}function BarContainer({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:o,...e})}function ChartArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}function XAxisArea({gutter:o=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:o,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:s=WINDOW_WIDTH,height:a=205,fill:n={type:"all-bar",theme:"blue"},style:x,...f},j){const t=(0,core_1.useAdaptive)(),A=48,B=24,_=23,p=58,C=38,H=s-A,M=a-B-_,S=Math.max(...e.map(({value:r})=>r)),d=Math.floor(Math.min(H/e.length,p)),W=M*.7,m=r=>Math.floor(r/S*W),g=Math.round(C/p*d),w=g>=30?8:g>9?Math.floor(g/5+2):3,c=(0,react_1.useMemo)(()=>({default:t.grey100,blue:[t.blue300,t.blue500],green:[t.green200,t.green400],yellow:[t.yellow300,t.yellow500],orange:[t.orange300,t.orange500],red:[t.red300,t.red500],grey:[t.grey400,t.grey500]}),[t]),l=(0,react_1.useMemo)(()=>({default:t.grey500,blue:t.blue700,green:t.green800,yellow:t.yellow900,orange:t.orange900,red:t.red700,grey:t.grey700}),[t]),b=[n.type,n.theme,n.count],v=(0,react_1.useMemo)(()=>{const r=c.default;if(n.type==="auto"){const u=[c.blue,c.green,c.yellow,c.orange,c.red,c.grey];return new Array(e.length).fill(r).map((y,h)=>h<n.count?u[h%u.length]:y).reverse()}const i=c[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(i)},[...b,e.length,c]),q=(0,react_1.useMemo)(()=>{const r=l.default;if(n.type==="auto"){const u=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(r).map((y,h)=>h<n.count?u[h%u.length]:y).reverse()}const i=l[n.theme]??n.theme;return n.type==="single-bar"?[...new Array(e.length-1).fill(r),i]:new Array(e.length).fill(r)},[...b,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:j,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},x],gutter:0,...f,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:q[i],children:r}),(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})]},i))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:r},i)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:r},i))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:j,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:a},x],gutter:0,...f,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:r},i)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:g,height:m(r),borderRadius:w,backgroundColor:v[i]})},i))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});

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

@@ -1 +1 @@
-export * from './BarChart.js';
+export * from './BarChart';

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

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

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onTouchStart, onTouchEnd, onTouchCancel, onPress, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../../interactions/pressable-effect/index.js"),const_js_1=require("../../const.js"),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:_,onTouchStart:b,onTouchEnd:C,onTouchCancel:x,onPress:j,...A}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,index_js_1.useAdaptive)(),u=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??tds_colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:d,startPressOutAnim:p,scaleAnim:h}=(0,index_js_2.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:w,blue600:c,blue500:g,white:k,transparent:D}=u;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:k,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:k,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:w},"off-press":{fill:c},on:{fill:g},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:g,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[u]),v=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),d()},[d]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),p()},[t,p]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_js_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(f,{toValue:r.check[s].strokeDashoffset,...const_js_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,f]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{v(),b?.(e)},onTouchEnd:e=>{y(),C?.(e)},onTouchCancel:e=>{y(),x?.(e)},onPress:j,style:[styles_js_1.styles.container,{width:o,height:o},_],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...A,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:h}]},{width:o,height:o},styles_js_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_js_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_js_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:h}]},children:[(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:u.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),pressable_effect_1=require("../../../../interactions/pressable-effect"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:b,onTouchStart:C,onTouchEnd:_,onTouchCancel:x,onPress:A,...v}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,core_1.useAdaptive)(),f=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??tds_colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:p,startPressOutAnim:h,scaleAnim:d}=(0,pressable_effect_1.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:j,blue600:c,blue500:g,white:k,transparent:D}=f;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:k,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:k,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:j},"off-press":{fill:c},on:{fill:g},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:g,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[f]),w=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),p()},[p]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),h()},[t,h]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const u=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(u,{toValue:r.check[s].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,u]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{w(),C?.(e)},onTouchEnd:e=>{y(),_?.(e)},onTouchCancel:e=>{y(),x?.(e)},onPress:A,style:[styles_1.styles.container,{width:o,height:o},b],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...v,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:d}]},{width:o,height:o},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:d}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:f.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:u})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphicDisabled({ checked, size, style, children, onPress: _, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),useWiggle_js_1=__importDefault(require("../../useWiggle.js")),paths_js_1=require("./paths.js"),styles_js_1=require("./styles.js");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>t*20/24,[t]),{colorPreference:o}=(0,index_js_1.useColorPreference)(),s=(0,index_js_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.white):(0,hex_to_rgba_1.default)(tds_colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_js_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_js_1.styles.container,{width:t,height:t},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:t,height:t},styles_js_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?r.disabledBlue500:r.grey200,borderRadius:t/2},styles_js_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?r.transparent:r.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:t,height:t},styles_js_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_js_1.Check,{stroke:e?r.disabledWhite:r.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:r,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>r*20/24,[r]),{colorPreference:o}=(0,core_1.useColorPreference)(),s=(0,core_1.useAdaptive)(),t=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.white):(0,hex_to_rgba_1.default)(tds_colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_1.styles.container,{width:r,height:r},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:r,height:r},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?t.disabledBlue500:t.grey200,borderRadius:r/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?t.transparent:t.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:r,height:r},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?t.disabledWhite:t.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}

package/dist/cjs/components/checkbox/Circle/index.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxProps } from '../types.js';
+import type { CheckboxProps } from '../types';
 export declare function CheckboxCircle({ checked: _checked, defaultChecked, disabled, size, style, children, onCheckedChange, onPress, ...pressableProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/checkbox/Circle/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxCircle=CheckboxCircle;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../utils/index.js"),react_1=require("react"),AnimatedCheckboxGraphic_js_1=require("./Graphic/AnimatedCheckboxGraphic.js"),AnimatedCheckboxGraphicDisabled_js_1=require("./Graphic/AnimatedCheckboxGraphicDisabled.js");function CheckboxCircle({checked:o,defaultChecked:d=!1,disabled:h,size:c=24,style:r,children:s,onCheckedChange:i,onPress:t,...l}){const[e,a]=(0,index_js_1.useControlled)({controlledValue:o,defaultValue:d}),n=(0,react_1.useCallback)(u=>{i?.(!e),a(!e),t?.(u)},[i,a,e,t]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_js_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:s,onPress:n}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_js_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:s,onPress:n,...l})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxCircle=CheckboxCircle;const jsx_runtime_1=require("react/jsx-runtime"),utils_1=require("../../../utils"),react_1=require("react"),AnimatedCheckboxGraphic_1=require("./Graphic/AnimatedCheckboxGraphic"),AnimatedCheckboxGraphicDisabled_1=require("./Graphic/AnimatedCheckboxGraphicDisabled");function CheckboxCircle({checked:n,defaultChecked:l=!1,disabled:h,size:c=24,style:r,children:t,onCheckedChange:i,onPress:s,...u}){const[e,a]=(0,utils_1.useControlled)({controlledValue:n,defaultValue:l}),o=(0,react_1.useCallback)(d=>{i?.(!e),a(!e),s?.(d)},[i,a,e,s]);return h?(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphicDisabled_1.AnimatedCheckboxGraphicDisabled,{checked:e,size:c,style:r,children:t,onPress:o}):(0,jsx_runtime_1.jsx)(AnimatedCheckboxGraphic_1.AnimatedCheckboxGraphic,{checked:e,size:c,style:r,children:t,onPress:o,...u})}

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onPress, onTouchStart, onTouchEnd, onTouchCancel, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;