@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/module/component/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","spacing","Txt","palette","is","React","View","Btn","Icon","jsx","_jsx","jsxs","_jsxs","EmptyState","props","iconName","iconFill","title","renderTitle","L","Bold","render","align","description","renderDescription","S","Medium","Gray500","action","testID","getStyle","style","alignItems","justifyContent","pointerEvents","children","name","fill","gray300","size","marginTop","string","layout","variant"],"sourceRoot":"../../../src","sources":["component/EmptyState.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAASC,OAAO,EAAEC,GAAG,EAAEC,OAAO,EAAEC,EAAE,QAAQ,8BAA8B;AACxE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AAGnC,OAAOC,GAAG,MAAM,kBAAe;AAE/B,SAASC,IAAI,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkB9B,MAAMC,UAAU,GAAIC,KAAY,IAAK;EACnC,MAAM;IACJC,QAAQ,GAAG,6BAA6B;IACxCC,QAAQ;IACRC,KAAK;IACLC,WAAW,GAAID,KAAK,IAAKf,GAAG,CAACiB,CAAC,CAACC,IAAI,CAACC,MAAM,CAACJ,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAS,CAAC,CAAC;IACtEC,WAAW;IACXC,iBAAiB,GAAID,WAAW,IAAKrB,GAAG,CAACuB,CAAC,CAACC,MAAM,CAACC,OAAO,CAACN,MAAM,CAACE,WAAW,EAAE;MAAED,KAAK,EAAE;IAAS,CAAC,CAAC;IAClGM,MAAM;IACNC,MAAM,GAAG;EACX,CAAC,GAAGf,KAAK;EACT,MAAM;IAAEgB;EAAS,CAAC,GAAG9B,KAAK,CAACc,KAAK,CAAC;EACjC,oBACEF,KAAA,CAACN,IAAI;IACHuB,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAAEH,QAAQ,CAAC,CAAC,CAAE;IACxEI,aAAa,EAAE,UAAW;IAAAC,QAAA,gBAE1BzB,IAAA,CAACF,IAAI;MAAC4B,IAAI,EAAErB,QAAS;MAACsB,IAAI,EAAErB,QAAQ,IAAIb,OAAO,CAACmC,OAAQ;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACrE7B,IAAA,CAACJ,IAAI;MAACyB,KAAK,EAAE;QAAES,SAAS,EAAEvC,OAAO,CAAC,CAAC;MAAE,CAAE;MAACiC,aAAa,EAAE,MAAO;MAAAC,QAAA,EAC3DjB,WAAW,CAACD,KAAK;IAAC,CACf,CAAC,EACNb,EAAE,CAACqC,MAAM,CAAClB,WAAW,CAAC,gBACrBb,IAAA,CAACJ,IAAI;MAACyB,KAAK,EAAE;QAAES,SAAS,EAAEvC,OAAO,CAAC,CAAC;MAAE,CAAE;MAACiC,aAAa,EAAE,MAAO;MAAAC,QAAA,EAC3DX,iBAAiB,CAACD,WAAW;IAAC,CAC3B,CAAC,GACL,IAAI,EACPK,MAAM,gBACLlB,IAAA,CAACH,GAAG;MACFsB,MAAM,EAAE,GAAGA,MAAM,SAAU;MAC3Ba,MAAM,EAAE;QAAEF,SAAS,EAAEvC,OAAO,CAAC,CAAC;MAAE,CAAE;MAAA,GAC9B2B,MAAM;MACVW,IAAI,EAAE,GAAI;MACVI,OAAO,EAAE;IAAU,CACpB,CAAC,GACA,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAGD,SAAS9B,UAAU","ignoreList":[]}

package/lib/module/component/FloatingRoundChip.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { palette, spacing } from '@teamturing/react-native-kit';
+import { Icon } from "./Icon/index.js";
+import { GapW } from "./Layout/Gap.js";
+import { RowCenter } from "./Layout/Row.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const FloatingRoundChip = ({
+  highlightColor = palette.violet500,
+  renderContent,
+  leadingIcon,
+  style,
+  trailingIcon
+}) => {
+  return /*#__PURE__*/_jsxs(RowCenter, {
+    style: [{
+      borderWidth: 2,
+      borderColor: highlightColor,
+      borderRadius: 999,
+      paddingHorizontal: spacing[3],
+      paddingVertical: spacing[2],
+      backgroundColor: palette.white
+    }, style],
+    children: [leadingIcon ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Icon, {
+        name: leadingIcon,
+        size: 16,
+        fill: highlightColor
+      }), /*#__PURE__*/_jsx(GapW, {
+        unit: 1
+      })]
+    }) : null, renderContent, trailingIcon ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(GapW, {
+        unit: 1
+      }), /*#__PURE__*/_jsx(Icon, {
+        name: trailingIcon,
+        size: 16,
+        fill: highlightColor
+      })]
+    }) : null]
+  });
+};
+//# sourceMappingURL=FloatingRoundChip.js.map

package/lib/module/component/FloatingRoundChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","spacing","Icon","GapW","RowCenter","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FloatingRoundChip","highlightColor","violet500","renderContent","leadingIcon","style","trailingIcon","borderWidth","borderColor","borderRadius","paddingHorizontal","paddingVertical","backgroundColor","white","children","name","size","fill","unit"],"sourceRoot":"../../../src","sources":["component/FloatingRoundChip.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,OAAO,QAAQ,8BAA8B;AAI/D,SAAwBC,IAAI,QAAQ,iBAAQ;AAC5C,SAASC,IAAI,QAAQ,iBAAc;AACnC,SAASC,SAAS,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AASzC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,cAAc,GAAGZ,OAAO,CAACa,SAAS;EAClCC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,oBACEP,KAAA,CAACN,SAAS;IACRY,KAAK,EAAE,CACL;MACEE,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEP,cAAc;MAC3BQ,YAAY,EAAE,GAAG;MACjBC,iBAAiB,EAAEpB,OAAO,CAAC,CAAC,CAAC;MAC7BqB,eAAe,EAAErB,OAAO,CAAC,CAAC,CAAC;MAC3BsB,eAAe,EAAEvB,OAAO,CAACwB;IAC3B,CAAC,EACDR,KAAK,CACL;IAAAS,QAAA,GAEDV,WAAW,gBACVL,KAAA,CAAAF,SAAA;MAAAiB,QAAA,gBACEnB,IAAA,CAACJ,IAAI;QAACwB,IAAI,EAAEX,WAAY;QAACY,IAAI,EAAE,EAAG;QAACC,IAAI,EAAEhB;MAAe,CAAE,CAAC,eAC3DN,IAAA,CAACH,IAAI;QAAC0B,IAAI,EAAE;MAAE,CAAE,CAAC;IAAA,CACjB,CAAC,GACD,IAAI,EACPf,aAAa,EACbG,YAAY,gBACXP,KAAA,CAAAF,SAAA;MAAAiB,QAAA,gBACEnB,IAAA,CAACH,IAAI;QAAC0B,IAAI,EAAE;MAAE,CAAE,CAAC,eACjBvB,IAAA,CAACJ,IAAI;QAACwB,IAAI,EAAET,YAAa;QAACU,IAAI,EAAE,EAAG;QAACC,IAAI,EAAEhB;MAAe,CAAE,CAAC;IAAA,CAC5D,CAAC,GACD,IAAI;EAAA,CACC,CAAC;AAEhB,CAAC","ignoreList":[]}

package/lib/module/component/GradientBorderContainer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import MaskedView from '@react-native-masked-view/masked-view';
+import { gradient as Gradient, GradientCollection } from '@teamturing/react-native-kit';
+import { View, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GradientBorderContainer = ({
+  borderWidth = 1,
+  borderRadius = 0,
+  gradient = Gradient.gradient4,
+  children,
+  borderType = 'stroke',
+  style,
+  ...props
+}) => {
+  const padding = borderType === 'stroke' ? -borderWidth / 2 : borderType === 'inner' ? 0 : -borderWidth;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [style, {
+      borderWidth: 0
+    }],
+    ...props,
+    children: [children, /*#__PURE__*/_jsx(View, {
+      style: StyleSheet.absoluteFill,
+      pointerEvents: 'none',
+      children: /*#__PURE__*/_jsx(MaskedView, {
+        pointerEvents: 'none',
+        style: {
+          position: 'absolute',
+          top: padding,
+          bottom: padding,
+          left: padding,
+          right: padding
+        },
+        maskElement: /*#__PURE__*/_jsx(View, {
+          pointerEvents: 'none',
+          accessibilityElementsHidden: true,
+          importantForAccessibility: 'no',
+          style: [StyleSheet.absoluteFill, {
+            borderRadius,
+            borderWidth
+          }]
+        }),
+        children: /*#__PURE__*/_jsx(GradientCollection, {
+          ...gradient,
+          style: StyleSheet.absoluteFill
+        })
+      })
+    })]
+  }, 1);
+};
+export { GradientBorderContainer };
+//# sourceMappingURL=GradientBorderContainer.js.map

package/lib/module/component/GradientBorderContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaskedView","gradient","Gradient","GradientCollection","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","GradientBorderContainer","borderWidth","borderRadius","gradient4","children","borderType","style","props","padding","absoluteFill","pointerEvents","position","top","bottom","left","right","maskElement","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../src","sources":["component/GradientBorderContainer.tsx"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,uCAAuC;AAC9D,SAASC,QAAQ,IAAIC,QAAQ,EAAsBC,kBAAkB,QAAQ,8BAA8B;AAG3G,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhD,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,CAAC;EAChBX,QAAQ,GAAGC,QAAQ,CAACW,SAAS;EAC7BC,QAAQ;EACRC,UAAU,GAAG,QAAQ;EACrBC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,OAAO,GAAGH,UAAU,KAAK,QAAQ,GAAG,CAACJ,WAAW,GAAG,CAAC,GAAGI,UAAU,KAAK,OAAO,GAAG,CAAC,GAAG,CAACJ,WAAW;EACtG,oBACEF,KAAA,CAACL,IAAI;IAASY,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEL,WAAW,EAAE;IAAE,CAAC,CAAE;IAAA,GAAKM,KAAK;IAAAH,QAAA,GACxDA,QAAQ,eACTP,IAAA,CAACH,IAAI;MAACY,KAAK,EAAEX,UAAU,CAACc,YAAa;MAACC,aAAa,EAAE,MAAO;MAAAN,QAAA,eAC1DP,IAAA,CAACP,UAAU;QACToB,aAAa,EAAE,MAAO;QACtBJ,KAAK,EAAE;UACLK,QAAQ,EAAE,UAAU;UACpBC,GAAG,EAAEJ,OAAO;UACZK,MAAM,EAAEL,OAAO;UACfM,IAAI,EAAEN,OAAO;UACbO,KAAK,EAAEP;QACT,CAAE;QACFQ,WAAW,eACTnB,IAAA,CAACH,IAAI;UACHgB,aAAa,EAAE,MAAO;UACtBO,2BAA2B;UAC3BC,yBAAyB,EAAE,IAAK;UAChCZ,KAAK,EAAE,CAACX,UAAU,CAACc,YAAY,EAAE;YAAEP,YAAY;YAAED;UAAY,CAAC;QAAE,CACjE,CACF;QAAAG,QAAA,eAEDP,IAAA,CAACJ,kBAAkB;UAAA,GAAKF,QAAQ;UAAEe,KAAK,EAAEX,UAAU,CAACc;QAAa,CAAE;MAAC,CAC1D;IAAC,CACT,CAAC;EAAA,GAvBE,CAwBL,CAAC;AAEX,CAAC;AAED,SAAST,uBAAuB","ignoreList":[]}

package/lib/module/component/GradientBorderContainer.web.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { gradient as Gradient } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const GradientBorderContainer = ({
+  borderWidth = 1,
+  borderRadius = 0,
+  gradient = Gradient.gradient4,
+  children,
+  style,
+  ...props
+}) => {
+  const {
+    colors
+  } = gradient;
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      borderWidth,
+      borderRadius,
+      borderColor: colors[0]
+    }, style],
+    ...props,
+    children: children
+  }, 1);
+};
+export { GradientBorderContainer };
+//# sourceMappingURL=GradientBorderContainer.web.js.map

package/lib/module/component/GradientBorderContainer.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gradient","Gradient","View","jsx","_jsx","GradientBorderContainer","borderWidth","borderRadius","gradient4","children","style","props","colors","borderColor"],"sourceRoot":"../../../src","sources":["component/GradientBorderContainer.web.tsx"],"mappings":";;AAAA,SAASA,QAAQ,IAAIC,QAAQ,QAAQ,8BAA8B;AACnE,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpC,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,CAAC;EAChBP,QAAQ,GAAGC,QAAQ,CAACO,SAAS;EAC7BC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACyB,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ;EAE3B,oBACEI,IAAA,CAACF,IAAI;IAASQ,KAAK,EAAE,CAAC;MAAEJ,WAAW;MAAEC,YAAY;MAAEM,WAAW,EAAED,MAAM,CAAC,CAAC;IAAE,CAAC,EAAEF,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC3FA;EAAQ,GADA,CAEL,CAAC;AAEX,CAAC;AAED,SAASJ,uBAAuB","ignoreList":[]}

package/lib/module/component/GradientCollection.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { useRefValue } from '@teamturing/react-native-kit';
+import dayjs from 'dayjs';
+import { parseToHsl } from 'polished';
+import { View } from 'react-native';
+import { Svg, LinearGradient, Stop, Defs, Rect } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const GradientCollection = props => {
+  const {
+    filteredProps,
+    getStyle
+  } = useSx(props, {
+    fallback: {
+      overflow: 'hidden'
+    }
+  });
+  const {
+    colors,
+    locations,
+    start = {
+      x: 0,
+      y: 0
+    },
+    end = {
+      x: 0,
+      y: 1
+    },
+    children,
+    ...rest
+  } = filteredProps;
+  const key = useRefValue(() => dayjs().valueOf() + Math.random());
+  return /*#__PURE__*/_jsxs(View, {
+    style: getStyle(),
+    ...rest,
+    children: [/*#__PURE__*/_jsxs(Svg, {
+      preserveAspectRatio: 'none',
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'absolute'
+      },
+      viewBox: '0 0 10 10',
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          id: `gradientCollection-${key}`,
+          x1: start.x,
+          y1: start.y,
+          x2: end.x,
+          y2: end.y,
+          children: colors.map((stopColor, i) => {
+            const offset = `${locations[i] * 100}%`;
+            const hsl = parseToHsl(stopColor);
+            const stopOpacity = 'alpha' in hsl ? hsl.alpha : 1;
+            return /*#__PURE__*/_jsx(Stop, {
+              offset: offset,
+              stopColor: stopColor,
+              stopOpacity: stopOpacity
+            }, `${stopColor}-${offset}-${i}`);
+          })
+        })
+      }), /*#__PURE__*/_jsx(Rect, {
+        width: 10,
+        height: 10,
+        fill: `url(#gradientCollection-${key})`
+      })]
+    }), children]
+  });
+};
+export { GradientCollection };
+//# sourceMappingURL=GradientCollection.js.map

package/lib/module/component/GradientCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","useRefValue","dayjs","parseToHsl","View","Svg","LinearGradient","Stop","Defs","Rect","jsx","_jsx","jsxs","_jsxs","GradientCollection","props","filteredProps","getStyle","fallback","overflow","colors","locations","start","x","y","end","children","rest","key","valueOf","Math","random","style","preserveAspectRatio","width","height","position","viewBox","id","x1","y1","x2","y2","map","stopColor","i","offset","hsl","stopOpacity","alpha","fill"],"sourceRoot":"../../../src","sources":["component/GradientCollection.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAA6BC,WAAW,QAAQ,8BAA8B;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,UAAU;AAGrC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,GAAG,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIzE,MAAMC,kBAAkB,GAAIC,KAAsB,IAAK;EACrD,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGjB,KAAK,CAACe,KAAK,EAAE;IAAEG,QAAQ,EAAE;MAAEC,QAAQ,EAAE;IAAS;EAAE,CAAC,CAAC;EACtF,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC,KAAK,GAAG;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;IAAEC,GAAG,GAAG;MAAEF,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;IAAEE,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGX,aAAa;EAC5G,MAAMY,GAAG,GAAG3B,WAAW,CAAC,MAAMC,KAAK,CAAC,CAAC,CAAC2B,OAAO,CAAC,CAAC,GAAGC,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;EAChE,oBACElB,KAAA,CAACT,IAAI;IAAC4B,KAAK,EAAEf,QAAQ,CAAC,CAAE;IAAA,GAAKU,IAAI;IAAAD,QAAA,gBAC/Bb,KAAA,CAACR,GAAG;MACF4B,mBAAmB,EAAE,MAAO;MAC5BD,KAAK,EAAE;QAAEE,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,QAAQ,EAAE;MAAW,CAAE;MAC/DC,OAAO,EAAE,WAAY;MAAAX,QAAA,gBAErBf,IAAA,CAACH,IAAI;QAAAkB,QAAA,eACHf,IAAA,CAACL,cAAc;UAACgC,EAAE,EAAE,sBAAsBV,GAAG,EAAG;UAACW,EAAE,EAAEjB,KAAK,CAACC,CAAE;UAACiB,EAAE,EAAElB,KAAK,CAACE,CAAE;UAACiB,EAAE,EAAEhB,GAAG,CAACF,CAAE;UAACmB,EAAE,EAAEjB,GAAG,CAACD,CAAE;UAAAE,QAAA,EAC7FN,MAAM,CAACuB,GAAG,CAAC,CAACC,SAAS,EAAEC,CAAC,KAAK;YAC5B,MAAMC,MAAM,GAAG,GAAGzB,SAAS,CAACwB,CAAC,CAAC,GAAG,GAAG,GAAG;YAEvC,MAAME,GAAG,GAAG5C,UAAU,CAACyC,SAAS,CAAC;YACjC,MAAMI,WAAW,GAAG,OAAO,IAAID,GAAG,GAAGA,GAAG,CAACE,KAAK,GAAG,CAAC;YAElD,oBACEtC,IAAA,CAACJ,IAAI;cAEHuC,MAAM,EAAEA,MAAO;cACfF,SAAS,EAAEA,SAAU;cACrBI,WAAW,EAAEA;YAAY,GAHpB,GAAGJ,SAAS,IAAIE,MAAM,IAAID,CAAC,EAIjC,CAAC;UAEN,CAAC;QAAC,CACY;MAAC,CACb,CAAC,eACPlC,IAAA,CAACF,IAAI;QAACyB,KAAK,EAAE,EAAG;QAACC,MAAM,EAAE,EAAG;QAACe,IAAI,EAAE,2BAA2BtB,GAAG;MAAI,CAAE,CAAC;IAAA,CACrE,CAAC,EACLF,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,SAASZ,kBAAkB","ignoreList":[]}

package/lib/module/component/GradientMask.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import MaskedView from '@react-native-masked-view/masked-view';
+import { useSx } from '@react-native-styled-system/core';
+import { gradient } from '@teamturing/react-native-kit';
+import { View, StyleSheet } from 'react-native';
+import { GradientCollection } from "./GradientCollection.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const GradientMask = props => {
+  const {
+    filteredProps,
+    getStyle
+  } = useSx(props);
+  const {
+    children,
+    gradient: _gradientKey = 'gradient4',
+    disabled,
+    ...viewProps
+  } = filteredProps;
+  if (disabled) {
+    return /*#__PURE__*/_jsx(View, {
+      ...viewProps,
+      children: children
+    });
+  }
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    _jsxs(MaskedView, {
+      maskElement: /*#__PURE__*/_jsx(_Fragment, {
+        children: children
+      }),
+      ...viewProps,
+      style: getStyle(),
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          opacity: 0
+        },
+        pointerEvents: 'none',
+        importantForAccessibility: 'no',
+        children: children
+      }), /*#__PURE__*/_jsx(GradientCollection, {
+        ...gradient[_gradientKey],
+        style: StyleSheet.absoluteFill
+      })]
+    })
+  );
+};
+export { GradientMask };
+//# sourceMappingURL=GradientMask.js.map

package/lib/module/component/GradientMask.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaskedView","useSx","gradient","View","StyleSheet","GradientCollection","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","GradientMask","props","filteredProps","getStyle","children","_gradientKey","disabled","viewProps","maskElement","style","opacity","pointerEvents","importantForAccessibility","absoluteFill"],"sourceRoot":"../../../src","sources":["component/GradientMask.tsx"],"mappings":";;AAAA,OAAOA,UAAU,MAAM,uCAAuC;AAE9D,SAASC,KAAK,QAAQ,kCAAkC;AACxD,SAA4BC,QAAQ,QAAQ,8BAA8B;AAG1E,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,kBAAkB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAS1D,MAAMC,YAAY,GAAIC,KAAY,IAAK;EACrC,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAGd,KAAK,CAACY,KAAK,CAAC;EAEhD,MAAM;IAAEG,QAAQ;IAAEd,QAAQ,EAAEe,YAAY,GAAG,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGL,aAAa;EAEhG,IAAII,QAAQ,EAAE;IACZ,oBAAOX,IAAA,CAACJ,IAAI;MAAA,GAAKgB,SAAS;MAAAH,QAAA,EAAGA;IAAQ,CAAO,CAAC;EAC/C;EACA;IAAA;IACE;IACAL,KAAA,CAACX,UAAU;MAACoB,WAAW,eAAEb,IAAA,CAAAE,SAAA;QAAAO,QAAA,EAAGA;MAAQ,CAAG,CAAE;MAAA,GAAKG,SAAS;MAAEE,KAAK,EAAEN,QAAQ,CAAC,CAAE;MAAAC,QAAA,gBAEzET,IAAA,CAACJ,IAAI;QAACkB,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAE,CAAE;QAACC,aAAa,EAAE,MAAO;QAACC,yBAAyB,EAAE,IAAK;QAAAR,QAAA,EACjFA;MAAQ,CACL,CAAC,eACPT,IAAA,CAACF,kBAAkB;QAAA,GAAKH,QAAQ,CAACe,YAAY,CAAC;QAAEI,KAAK,EAAEjB,UAAU,CAACqB;MAAa,CAAE,CAAC;IAAA,CACxE;EAAC;AAEjB,CAAC;AAED,SAASb,YAAY","ignoreList":[]}

package/lib/module/component/GradientMask.web.js

@@ -0,0 +1,156 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { gradient } from '@teamturing/react-native-kit';
+import { parseToHsl } from 'polished';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Stop } from 'react-native-svg';
+import { Box } from "./Box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/* text, svg(fill), img 지원 */
+const GradientMask = ({
+  onLayout,
+  ...props
+}) => {
+  const {
+    filteredProps,
+    getStyle
+  } = useSx(props);
+  const {
+    children,
+    gradient: _gradientKey = 'gradient4',
+    disabled,
+    ...viewProps
+  } = filteredProps;
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!ref.current || disabled) {
+      return;
+    }
+    const {
+      colors,
+      start = {
+        x: 0,
+        y: 0
+      },
+      locations,
+      end = {
+        x: 0,
+        y: 1
+      }
+    } = gradient[_gradientKey];
+    const direction = end?.x === 1 ? end?.y === 1 ? 'to right bottom' : 'to right' : 'to bottom';
+    const colorsWithPercent = colors.map((color, index) => [color, `${locations[index] * 100}%`].join(' ')).join(', ');
+    const gradientStyle = `linear-gradient(${direction}, ${colorsWithPercent})`;
+
+    /* text */
+    Array.from(ref.current?.getElementsByTagName('div') ?? []).forEach(ele => {
+      if (ele.childNodes.length === 1 && ele.childNodes[0].nodeType === Node.TEXT_NODE) {
+        ele.setAttribute('style', ele.style.cssText + `background: ${gradientStyle} text; color:transparent;`);
+      }
+    });
+
+    /* svg */
+    const svgs = Array.from(ref.current?.getElementsByTagName('svg') ?? []);
+    if (svgs.length > 0) {
+      const gradientId = 'gradientCollection';
+      const createDefsWithGradient = () => {
+        const svgns = 'http://www.w3.org/2000/svg';
+        const defsNode = document.createElementNS(svgns, 'defs');
+        const linearGradientNode = document.createElementNS(svgns, 'linearGradient');
+        colors.forEach((stopColor, i) => {
+          const offset = `${locations[i] * 100}%`;
+          const hsl = parseToHsl(stopColor);
+          const stopOpacity = 'alpha' in hsl ? hsl.alpha : 1;
+          const stopNode = document.createElementNS(svgns, 'stop');
+          stopNode.setAttribute('key', `${stopColor}-${offset}-${i}`);
+          stopNode.setAttribute('offset', offset);
+          stopNode.setAttribute('stop-color', stopColor);
+          stopNode.setAttribute('stop-opacity', `${stopOpacity}`);
+          linearGradientNode.appendChild(stopNode);
+          return /*#__PURE__*/_jsx(Stop, {
+            offset: offset,
+            stopColor: stopColor,
+            stopOpacity: stopOpacity
+          }, `${stopColor}-${offset}-${i}`);
+        });
+        linearGradientNode.setAttribute('id', `${gradientId}`);
+        linearGradientNode.setAttribute('x1', `${start.x}`);
+        linearGradientNode.setAttribute('y1', `${start.y}`);
+        linearGradientNode.setAttribute('x2', `${end.x}`);
+        linearGradientNode.setAttribute('y2', `${end.y}`);
+        defsNode.appendChild(linearGradientNode);
+        return defsNode;
+      };
+      svgs.forEach(svg => {
+        svg.innerHTML = svg.innerHTML.replace(/fill="#[0-9A-Fa-f]{6}"/g, `fill="url('#${gradientId}')"`);
+        const def = createDefsWithGradient();
+        svg.appendChild(def);
+      });
+    }
+
+    /* img */
+    const imgs = Array.from(ref.current?.getElementsByTagName('img') ?? []);
+    imgs.forEach(img => {
+      const div = document.createElement('div');
+      div.setAttribute('style', `width: 100%; height: 100%;
+        -webkit-mask-size: contain; mask-size: contain;
+        mask-image: url(${img.src}); -webkit-mask-image: url(${img.src}); 
+        background: ${gradientStyle};`);
+      const parent = img.parentElement;
+      if (parent) {
+        parent.innerHTML = '';
+        parent?.appendChild(div);
+      }
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [disabled]);
+  const [canProcessingImg, setCanProcessingImg] = useState(false);
+  const handleLayout = useCallback(event => {
+    setCanProcessingImg(true);
+    onLayout?.(event);
+  }, [onLayout]);
+  useEffect(() => {
+    if (!ref.current || disabled || !canProcessingImg) {
+      return;
+    }
+    const {
+      colors,
+      locations,
+      end = {
+        x: 0,
+        y: 1
+      }
+    } = gradient[_gradientKey];
+    const direction = end?.x === 1 ? end?.y === 0 ? 'to right' : 'to right bottom' : 'to bottom';
+    const colorsWithPercent = colors.map((color, index) => [color, `${locations[index] * 100}%`].join(' ')).join(', ');
+    const gradientStyle = `linear-gradient(${direction}, ${colorsWithPercent})`;
+
+    /* img */
+    const imgs = Array.from(ref.current?.getElementsByTagName('img') ?? []);
+    imgs.forEach(img => {
+      const div = document.createElement('div');
+      div.setAttribute('style', `width: 100%; height: 100%;
+        -webkit-mask-size: contain; mask-size: contain;
+        mask-image: url(${img.src}); -webkit-mask-image: url(${img.src}); 
+        background: ${gradientStyle};`);
+      const parent = img.parentElement;
+      if (parent) {
+        parent.innerHTML = '';
+        parent?.appendChild(div);
+      }
+    });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [disabled, canProcessingImg]);
+  return /*#__PURE__*/_jsx(Box, {
+    ref: ref,
+    onLayout: handleLayout,
+    ...viewProps,
+    style: getStyle(),
+    children: children
+  });
+};
+export { GradientMask };
+//# sourceMappingURL=GradientMask.web.js.map

package/lib/module/component/GradientMask.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","gradient","parseToHsl","useCallback","useEffect","useRef","useState","Stop","Box","jsx","_jsx","GradientMask","onLayout","props","filteredProps","getStyle","children","_gradientKey","disabled","viewProps","ref","current","colors","start","x","y","locations","end","direction","colorsWithPercent","map","color","index","join","gradientStyle","Array","from","getElementsByTagName","forEach","ele","childNodes","length","nodeType","Node","TEXT_NODE","setAttribute","style","cssText","svgs","gradientId","createDefsWithGradient","svgns","defsNode","document","createElementNS","linearGradientNode","stopColor","i","offset","hsl","stopOpacity","alpha","stopNode","appendChild","svg","innerHTML","replace","def","imgs","img","div","createElement","src","parent","parentElement","canProcessingImg","setCanProcessingImg","handleLayout","event"],"sourceRoot":"../../../src","sources":["component/GradientMask.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Header/BackButtonHeader.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { IconBtn } from "../Btn/index.js";
+import { Header } from "./Header.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BackButtonHeader = ({
+  left = [],
+  onPressBack,
+  testID,
+  backButtonVariant = 'plain-gray700',
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(Header, {
+    left: [/*#__PURE__*/_jsx(IconBtn, {
+      name: 'chevron_left',
+      size: 'm',
+      variant: backButtonVariant,
+      onPress: onPressBack,
+      testID: `${testID}/back`
+    }), ...left],
+    ...rest,
+    testID: testID
+  });
+};
+//# sourceMappingURL=BackButtonHeader.js.map

package/lib/module/component/Header/BackButtonHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconBtn","Header","jsx","_jsx","BackButtonHeader","left","onPressBack","testID","backButtonVariant","rest","name","size","variant","onPress"],"sourceRoot":"../../../../src","sources":["component/Header/BackButtonHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,iBAAQ;AAGhC,SAA2BC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI,GAAG,EAAE;EACTC,WAAW;EACXC,MAAM;EACNC,iBAAiB,GAAG,eAAe;EACnC,GAAGC;AACoF,CAAC,KAAK;EAC7F,oBACEN,IAAA,CAACF,MAAM;IACLI,IAAI,EAAE,cACJF,IAAA,CAACH,OAAO;MACNU,IAAI,EAAE,cAAe;MACrBC,IAAI,EAAE,GAAI;MACVC,OAAO,EAAEJ,iBAAkB;MAC3BK,OAAO,EAAEP,WAAY;MACrBC,MAAM,EAAE,GAAGA,MAAM;IAAQ,CAC1B,CAAC,EACF,GAAGF,IAAI,CACP;IAAA,GACEI,IAAI;IACRF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/component/Header/CloseButtonHeader.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { IconBtn } from "../Btn/index.js";
+import { Header } from "./Header.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CloseButtonHeader = ({
+  right = [],
+  onPressClose,
+  testID,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(Header, {
+    right: [...right, /*#__PURE__*/_jsx(IconBtn, {
+      name: 'close',
+      size: 'm',
+      variant: 'plain-gray700',
+      onPress: onPressClose,
+      testID: `${testID}/close`
+    })],
+    ...rest,
+    testID: testID
+  });
+};
+//# sourceMappingURL=CloseButtonHeader.js.map

package/lib/module/component/Header/CloseButtonHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconBtn","Header","jsx","_jsx","CloseButtonHeader","right","onPressClose","testID","rest","name","size","variant","onPress"],"sourceRoot":"../../../../src","sources":["component/Header/CloseButtonHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,iBAAQ;AAEhC,SAA2BC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,YAAY;EACZC,MAAM;EACN,GAAGC;AACwC,CAAC,KAAK;EACjD,oBACEL,IAAA,CAACF,MAAM;IACLI,KAAK,EAAE,CACL,GAAGA,KAAK,eACRF,IAAA,CAACH,OAAO;MACNS,IAAI,EAAE,OAAQ;MACdC,IAAI,EAAE,GAAI;MACVC,OAAO,EAAE,eAAgB;MACzBC,OAAO,EAAEN,YAAa;MACtBC,MAAM,EAAE,GAAGA,MAAM;IAAS,CAC3B,CAAC,CACF;IAAA,GACEC,IAAI;IACRD,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/component/Header/Header.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { Txt, is, useDynamicLayout, spacing, RowCenter, palette } from '@teamturing/react-native-kit';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { OpacityAnimatedView } from "../Animation/index.js";
+import { Box } from "../Box/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const HeaderHeight = 48;
+const Header = ({
+  title,
+  renderTitle = title => Txt.L.Bold.render(title, {
+    numberOfLines: 1
+  }),
+  left = [],
+  right = [],
+  isTopSafeAreaConsumed,
+  hideElements,
+  testID,
+  style,
+  enableTitleFadeAnimation,
+  shrinkPaddingHorizontalEvenWideLayout = false,
+  leftTitleLayout,
+  isHeaderShowingAtCenter = true,
+  showBottomDivider = false,
+  rightElementGap = 3
+}) => {
+  if (leftTitleLayout && is.notEmptyArray(left)) {
+    throw new Error('Header - leftTitleLayout는 left와 같이 쓰일 수 없습니다');
+  }
+  const {
+    sfTop,
+    sidePadding,
+    sfLeft
+  } = useDynamicLayout();
+  const backgroundColor = (StyleSheet.flatten(style) || {})?.backgroundColor || 'transparent';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      justifyContent: 'flex-end',
+      paddingTop: isTopSafeAreaConsumed ? 0 : sfTop,
+      backgroundColor
+    }],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        paddingHorizontal: shrinkPaddingHorizontalEvenWideLayout ? spacing[5] + sfLeft : sidePadding
+      },
+      children: /*#__PURE__*/_jsxs(RowCenter, {
+        style: [{
+          justifyContent: 'space-between',
+          height: HeaderHeight
+        }, style],
+        children: [leftTitleLayout ? /*#__PURE__*/_jsx(OpacityAnimatedView, {
+          duration: 150,
+          opacity: enableTitleFadeAnimation ? isHeaderShowingAtCenter ? 0 : 1 : 1,
+          children: Txt.H2.render(title)
+        }) : null, /*#__PURE__*/_jsx(Box, {
+          center: true,
+          absoluteFill: true,
+          pointerEvents: 'box-none',
+          children: /*#__PURE__*/_jsx(OpacityAnimatedView, {
+            duration: 150,
+            opacity: enableTitleFadeAnimation ? isHeaderShowingAtCenter ? 1 : 0 : leftTitleLayout ? 0 : 1,
+            style: {
+              paddingHorizontal: spacing[8]
+            },
+            children: renderTitle(title)
+          })
+        }), !hideElements ? /*#__PURE__*/_jsxs(RowCenter, {
+          style: {
+            marginHorizontal: -spacing[1],
+            justifyContent: 'space-between',
+            flex: 1
+          },
+          pointerEvents: 'box-none',
+          children: [/*#__PURE__*/_jsx(RowCenter, {
+            style: {
+              flex: 1
+            },
+            gapX: 3,
+            pointerEvents: 'box-none',
+            children: left?.filter(e => !is.boolean(e) && !is.undefined(e) && !is.null(e))?.map((element, i) => /*#__PURE__*/_jsx(React.Fragment, {
+              children: element
+            }, i))
+          }), /*#__PURE__*/_jsx(RowCenter, {
+            pointerEvents: 'box-none',
+            gapX: rightElementGap,
+            children: right?.filter(e => !is.boolean(e) && !is.undefined(e))?.map((element, i) => /*#__PURE__*/_jsx(React.Fragment, {
+              children: element
+            }, i))
+          })]
+        }) : null]
+      })
+    }), /*#__PURE__*/_jsx(OpacityAnimatedView, {
+      duration: 150,
+      opacity: showBottomDivider ? 1 : 0,
+      style: {
+        borderBottomWidth: 1,
+        borderBottomColor: palette.gray100
+      }
+    })]
+  });
+};
+export { Header };
+//# sourceMappingURL=Header.js.map

package/lib/module/component/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","is","useDynamicLayout","spacing","RowCenter","palette","React","StyleSheet","View","OpacityAnimatedView","Box","jsx","_jsx","jsxs","_jsxs","HeaderHeight","Header","title","renderTitle","L","Bold","render","numberOfLines","left","right","isTopSafeAreaConsumed","hideElements","testID","style","enableTitleFadeAnimation","shrinkPaddingHorizontalEvenWideLayout","leftTitleLayout","isHeaderShowingAtCenter","showBottomDivider","rightElementGap","notEmptyArray","Error","sfTop","sidePadding","sfLeft","backgroundColor","flatten","justifyContent","paddingTop","children","paddingHorizontal","height","duration","opacity","H2","center","absoluteFill","pointerEvents","marginHorizontal","flex","gapX","filter","e","boolean","undefined","null","map","element","i","Fragment","borderBottomWidth","borderBottomColor","gray100"],"sourceRoot":"../../../../src","sources":["component/Header/Header.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Header/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./BackButtonHeader.js";
+export * from "./CloseButtonHeader.js";
+export * from "./Header.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Header/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,wBAAqB;AACnC,cAAc,aAAU","ignoreList":[]}