@teamturing/react-native-kit 1.1.0 → 1.2.1

package/lib/commonjs/component/GradientCollection.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientCollection = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _polished = require("polished");
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GradientCollection = props => {
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props, {
+    fallback: {
+      overflow: 'hidden'
+    }
+  });
+  const {
+    colors,
+    locations,
+    start = {
+      x: 0,
+      y: 0
+    },
+    end = {
+      x: 0,
+      y: 1
+    },
+    children,
+    ...rest
+  } = filteredProps;
+  const key = (0, _reactNativeKit.useRefValue)(() => (0, _dayjs.default)().valueOf() + Math.random());
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: getStyle(),
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Svg, {
+      preserveAspectRatio: 'none',
+      style: {
+        width: '100%',
+        height: '100%',
+        position: 'absolute'
+      },
+      viewBox: '0 0 10 10',
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 = (0, _polished.parseToHsl)(stopColor);
+            const stopOpacity = 'alpha' in hsl ? hsl.alpha : 1;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+              offset: offset,
+              stopColor: stopColor,
+              stopOpacity: stopOpacity
+            }, `${stopColor}-${offset}-${i}`);
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+        width: 10,
+        height: 10,
+        fill: `url(#gradientCollection-${key})`
+      })]
+    }), children]
+  });
+};
+exports.GradientCollection = GradientCollection;
+//# sourceMappingURL=GradientCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_dayjs","_interopRequireDefault","_polished","_reactNative","_reactNativeSvg","_jsxRuntime","e","__esModule","default","GradientCollection","props","filteredProps","getStyle","useSx","fallback","overflow","colors","locations","start","x","y","end","children","rest","key","useRefValue","dayjs","valueOf","Math","random","jsxs","View","style","Svg","preserveAspectRatio","width","height","position","viewBox","jsx","Defs","LinearGradient","id","x1","y1","x2","y2","map","stopColor","i","offset","hsl","parseToHsl","stopOpacity","alpha","Stop","Rect","fill","exports"],"sourceRoot":"../../../src","sources":["component/GradientCollection.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/GradientMask.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientMask = void 0;
+var _maskedView = _interopRequireDefault(require("@react-native-masked-view/masked-view"));
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _reactNative = require("react-native");
+var _GradientCollection = require("./GradientCollection.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GradientMask = props => {
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props);
+  const {
+    children,
+    gradient: _gradientKey = 'gradient4',
+    disabled,
+    ...viewProps
+  } = filteredProps;
+  if (disabled) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...viewProps,
+      children: children
+    });
+  }
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    (0, _jsxRuntime.jsxs)(_maskedView.default, {
+      maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: children
+      }),
+      ...viewProps,
+      style: getStyle(),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          opacity: 0
+        },
+        pointerEvents: 'none',
+        importantForAccessibility: 'no',
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientCollection.GradientCollection, {
+        ..._reactNativeKit.gradient[_gradientKey],
+        style: _reactNative.StyleSheet.absoluteFill
+      })]
+    })
+  );
+};
+exports.GradientMask = GradientMask;
+//# sourceMappingURL=GradientMask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_maskedView","_interopRequireDefault","require","_core","_reactNativeKit","_reactNative","_GradientCollection","_jsxRuntime","e","__esModule","default","GradientMask","props","filteredProps","getStyle","useSx","children","gradient","_gradientKey","disabled","viewProps","jsx","View","jsxs","maskElement","Fragment","style","opacity","pointerEvents","importantForAccessibility","GradientCollection","StyleSheet","absoluteFill","exports"],"sourceRoot":"../../../src","sources":["component/GradientMask.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AAA0D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS1D,MAAMG,YAAY,GAAIC,KAAY,IAAK;EACrC,MAAM;IAAEC,aAAa;IAAEC;EAAS,CAAC,GAAG,IAAAC,WAAK,EAACH,KAAK,CAAC;EAEhD,MAAM;IAAEI,QAAQ;IAAEC,QAAQ,EAAEC,YAAY,GAAG,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGP,aAAa;EAEhG,IAAIM,QAAQ,EAAE;IACZ,oBAAO,IAAAZ,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,IAAI;MAAA,GAAKF,SAAS;MAAAJ,QAAA,EAAGA;IAAQ,CAAO,CAAC;EAC/C;EACA;IAAA;IACE;IACA,IAAAT,WAAA,CAAAgB,IAAA,EAACvB,WAAA,CAAAU,OAAU;MAACc,WAAW,eAAE,IAAAjB,WAAA,CAAAc,GAAA,EAAAd,WAAA,CAAAkB,QAAA;QAAAT,QAAA,EAAGA;MAAQ,CAAG,CAAE;MAAA,GAAKI,SAAS;MAAEM,KAAK,EAAEZ,QAAQ,CAAC,CAAE;MAAAE,QAAA,gBAEzE,IAAAT,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,IAAI;QAACI,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAE,CAAE;QAACC,aAAa,EAAE,MAAO;QAACC,yBAAyB,EAAE,IAAK;QAAAb,QAAA,EACjFA;MAAQ,CACL,CAAC,eACP,IAAAT,WAAA,CAAAc,GAAA,EAACf,mBAAA,CAAAwB,kBAAkB;QAAA,GAAKb,wBAAQ,CAACC,YAAY,CAAC;QAAEQ,KAAK,EAAEK,uBAAU,CAACC;MAAa,CAAE,CAAC;IAAA,CACxE;EAAC;AAEjB,CAAC;AAACC,OAAA,CAAAtB,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientMask = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _polished = require("polished");
+var _react = require("react");
+var _reactNativeSvg = require("react-native-svg");
+var _index = require("./Box/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/* text, svg(fill), img 지원 */
+const GradientMask = ({
+  onLayout,
+  ...props
+}) => {
+  const {
+    filteredProps,
+    getStyle
+  } = (0, _core.useSx)(props);
+  const {
+    children,
+    gradient: _gradientKey = 'gradient4',
+    disabled,
+    ...viewProps
+  } = filteredProps;
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (!ref.current || disabled) {
+      return;
+    }
+    const {
+      colors,
+      start = {
+        x: 0,
+        y: 0
+      },
+      locations,
+      end = {
+        x: 0,
+        y: 1
+      }
+    } = _reactNativeKit.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 = (0, _polished.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__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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] = (0, _react.useState)(false);
+  const handleLayout = (0, _react.useCallback)(event => {
+    setCanProcessingImg(true);
+    onLayout?.(event);
+  }, [onLayout]);
+  (0, _react.useEffect)(() => {
+    if (!ref.current || disabled || !canProcessingImg) {
+      return;
+    }
+    const {
+      colors,
+      locations,
+      end = {
+        x: 0,
+        y: 1
+      }
+    } = _reactNativeKit.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__*/(0, _jsxRuntime.jsx)(_index.Box, {
+    ref: ref,
+    onLayout: handleLayout,
+    ...viewProps,
+    style: getStyle(),
+    children: children
+  });
+};
+exports.GradientMask = GradientMask;
+//# sourceMappingURL=GradientMask.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_polished","_react","_reactNativeSvg","_index","_jsxRuntime","GradientMask","onLayout","props","filteredProps","getStyle","useSx","children","gradient","_gradientKey","disabled","viewProps","ref","useRef","useEffect","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","parseToHsl","stopOpacity","alpha","stopNode","appendChild","jsx","Stop","svg","innerHTML","replace","def","imgs","img","div","createElement","src","parent","parentElement","canProcessingImg","setCanProcessingImg","useState","handleLayout","useCallback","event","Box","exports"],"sourceRoot":"../../../src","sources":["component/GradientMask.web.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackButtonHeader = void 0;
+var _index = require("../Btn/index.js");
+var _Header = require("./Header.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const BackButtonHeader = ({
+  left = [],
+  onPressBack,
+  testID,
+  backButtonVariant = 'plain-gray700',
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+    left: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconBtn, {
+      name: 'chevron_left',
+      size: 'm',
+      variant: backButtonVariant,
+      onPress: onPressBack,
+      testID: `${testID}/back`
+    }), ...left],
+    ...rest,
+    testID: testID
+  });
+};
+exports.BackButtonHeader = BackButtonHeader;
+//# sourceMappingURL=BackButtonHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_Header","_jsxRuntime","BackButtonHeader","left","onPressBack","testID","backButtonVariant","rest","jsx","Header","IconBtn","name","size","variant","onPress","exports"],"sourceRoot":"../../../../src","sources":["component/Header/BackButtonHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAE7C,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,IAAI,GAAG,EAAE;EACTC,WAAW;EACXC,MAAM;EACNC,iBAAiB,GAAG,eAAe;EACnC,GAAGC;AACoF,CAAC,KAAK;EAC7F,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,OAAA,CAAAS,MAAM;IACLN,IAAI,EAAE,cACJ,IAAAF,WAAA,CAAAO,GAAA,EAACV,MAAA,CAAAY,OAAO;MACNC,IAAI,EAAE,cAAe;MACrBC,IAAI,EAAE,GAAI;MACVC,OAAO,EAAEP,iBAAkB;MAC3BQ,OAAO,EAAEV,WAAY;MACrBC,MAAM,EAAE,GAAGA,MAAM;IAAQ,CAC1B,CAAC,EACF,GAAGF,IAAI,CACP;IAAA,GACEI,IAAI;IACRF,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC;AAACU,OAAA,CAAAb,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButtonHeader = void 0;
+var _index = require("../Btn/index.js");
+var _Header = require("./Header.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const CloseButtonHeader = ({
+  right = [],
+  onPressClose,
+  testID,
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.Header, {
+    right: [...right, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconBtn, {
+      name: 'close',
+      size: 'm',
+      variant: 'plain-gray700',
+      onPress: onPressClose,
+      testID: `${testID}/close`
+    })],
+    ...rest,
+    testID: testID
+  });
+};
+exports.CloseButtonHeader = CloseButtonHeader;
+//# sourceMappingURL=CloseButtonHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_Header","_jsxRuntime","CloseButtonHeader","right","onPressClose","testID","rest","jsx","Header","IconBtn","name","size","variant","onPress","exports"],"sourceRoot":"../../../../src","sources":["component/Header/CloseButtonHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAE7C,MAAMG,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,YAAY;EACZC,MAAM;EACN,GAAGC;AACwC,CAAC,KAAK;EACjD,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,OAAA,CAAAQ,MAAM;IACLL,KAAK,EAAE,CACL,GAAGA,KAAK,eACR,IAAAF,WAAA,CAAAM,GAAA,EAACT,MAAA,CAAAW,OAAO;MACNC,IAAI,EAAE,OAAQ;MACdC,IAAI,EAAE,GAAI;MACVC,OAAO,EAAE,eAAgB;MACzBC,OAAO,EAAET,YAAa;MACtBC,MAAM,EAAE,GAAGA,MAAM;IAAS,CAC3B,CAAC,CACF;IAAA,GACEC,IAAI;IACRD,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC;AAACS,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/component/Header/Header.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderHeight = exports.Header = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Animation/index.js");
+var _index2 = require("../Box/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const HeaderHeight = exports.HeaderHeight = 48;
+const Header = ({
+  title,
+  renderTitle = title => _reactNativeKit.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 && _reactNativeKit.is.notEmptyArray(left)) {
+    throw new Error('Header - leftTitleLayout는 left와 같이 쓰일 수 없습니다');
+  }
+  const {
+    sfTop,
+    sidePadding,
+    sfLeft
+  } = (0, _reactNativeKit.useDynamicLayout)();
+  const backgroundColor = (_reactNative.StyleSheet.flatten(style) || {})?.backgroundColor || 'transparent';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      justifyContent: 'flex-end',
+      paddingTop: isTopSafeAreaConsumed ? 0 : sfTop,
+      backgroundColor
+    }],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        paddingHorizontal: shrinkPaddingHorizontalEvenWideLayout ? _reactNativeKit.spacing[5] + sfLeft : sidePadding
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.RowCenter, {
+        style: [{
+          justifyContent: 'space-between',
+          height: HeaderHeight
+        }, style],
+        children: [leftTitleLayout ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OpacityAnimatedView, {
+          duration: 150,
+          opacity: enableTitleFadeAnimation ? isHeaderShowingAtCenter ? 0 : 1 : 1,
+          children: _reactNativeKit.Txt.H2.render(title)
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
+          center: true,
+          absoluteFill: true,
+          pointerEvents: 'box-none',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OpacityAnimatedView, {
+            duration: 150,
+            opacity: enableTitleFadeAnimation ? isHeaderShowingAtCenter ? 1 : 0 : leftTitleLayout ? 0 : 1,
+            style: {
+              paddingHorizontal: _reactNativeKit.spacing[8]
+            },
+            children: renderTitle(title)
+          })
+        }), !hideElements ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeKit.RowCenter, {
+          style: {
+            marginHorizontal: -_reactNativeKit.spacing[1],
+            justifyContent: 'space-between',
+            flex: 1
+          },
+          pointerEvents: 'box-none',
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.RowCenter, {
+            style: {
+              flex: 1
+            },
+            gapX: 3,
+            pointerEvents: 'box-none',
+            children: left?.filter(e => !_reactNativeKit.is.boolean(e) && !_reactNativeKit.is.undefined(e) && !_reactNativeKit.is.null(e))?.map((element, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+              children: element
+            }, i))
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.RowCenter, {
+            pointerEvents: 'box-none',
+            gapX: rightElementGap,
+            children: right?.filter(e => !_reactNativeKit.is.boolean(e) && !_reactNativeKit.is.undefined(e))?.map((element, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+              children: element
+            }, i))
+          })]
+        }) : null]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OpacityAnimatedView, {
+      duration: 150,
+      opacity: showBottomDivider ? 1 : 0,
+      style: {
+        borderBottomWidth: 1,
+        borderBottomColor: _reactNativeKit.palette.gray100
+      }
+    })]
+  });
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BackButtonHeader = require("./BackButtonHeader.js");
+Object.keys(_BackButtonHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BackButtonHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BackButtonHeader[key];
+    }
+  });
+});
+var _CloseButtonHeader = require("./CloseButtonHeader.js");
+Object.keys(_CloseButtonHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CloseButtonHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CloseButtonHeader[key];
+    }
+  });
+});
+var _Header = require("./Header.js");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_BackButtonHeader","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_CloseButtonHeader","_Header"],"sourceRoot":"../../../../src","sources":["component/Header/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,kBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,kBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,kBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,kBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/component/HorizontalStackedBar.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HorizontalStackedBar = void 0;
+var _reactNative = require("react-native");
+var _Grid = require("./Layout/Grid.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const HorizontalStackedBar = ({
+  data,
+  getValue,
+  getColor
+}) => {
+  const totalValue = data.reduce((acc, cur) => acc + getValue(cur), 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      borderRadius: 8,
+      overflow: 'hidden'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.Grid, {
+      spacing: 0.5,
+      children: data.map((datum, i) => getValue(datum) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.Grid.Unit, {
+        size: getValue(datum) / totalValue,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            backgroundColor: getColor(datum),
+            height: 24
+          }
+        })
+      }, i) : null)
+    })
+  });
+};
+exports.HorizontalStackedBar = HorizontalStackedBar;
+//# sourceMappingURL=HorizontalStackedBar.js.map

package/lib/commonjs/component/HorizontalStackedBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Grid","_jsxRuntime","HorizontalStackedBar","data","getValue","getColor","totalValue","reduce","acc","cur","jsx","View","style","borderRadius","overflow","children","Grid","spacing","map","datum","i","Unit","size","backgroundColor","height","exports"],"sourceRoot":"../../../src","sources":["component/HorizontalStackedBar.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAAqC,IAAAE,WAAA,GAAAF,OAAA;AAQrC,MAAMG,oBAAoB,GAAGA,CAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,KAAK;EAC3E,MAAMC,UAAU,GAAGH,IAAI,CAACI,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAKD,GAAG,GAAGJ,QAAQ,CAACK,GAAG,CAAC,EAAE,CAAC,CAAC;EACpE,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAE;MAAEC,YAAY,EAAE,CAAC;MAAEC,QAAQ,EAAE;IAAS,CAAE;IAAAC,QAAA,eACnD,IAAAd,WAAA,CAAAS,GAAA,EAACV,KAAA,CAAAgB,IAAI;MAACC,OAAO,EAAE,GAAI;MAAAF,QAAA,EAChBZ,IAAI,CAACe,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KACjBhB,QAAQ,CAACe,KAAK,CAAC,GAAG,CAAC,gBACjB,IAAAlB,WAAA,CAAAS,GAAA,EAACV,KAAA,CAAAgB,IAAI,CAACK,IAAI;QAASC,IAAI,EAAElB,QAAQ,CAACe,KAAK,CAAC,GAAGb,UAAW;QAAAS,QAAA,eACpD,IAAAd,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa,IAAI;UAACC,KAAK,EAAE;YAAEW,eAAe,EAAElB,QAAQ,CAACc,KAAK,CAAC;YAAEK,MAAM,EAAE;UAAG;QAAE,CAAE;MAAC,GADnDJ,CAEL,CAAC,GACV,IACN;IAAC,CACG;EAAC,CACH,CAAC;AAEX,CAAC;AAACK,OAAA,CAAAvB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/component/Icon/AnimatedIcon.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedIcon = void 0;
+var _react = require("react");
+var _index = require("../../hoc/index.js");
+var Icons = _interopRequireWildcard(require("./Icons.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AnimatedIcon = ({
+  name,
+  size = 24,
+  layout,
+  animatedStyle
+}) => {
+  if (!name.endsWith('_animation')) {
+    // eslint-disable-next-line no-console
+    console.warn('Name of icon in AnimatedIcon should be ended with _animation');
+  }
+  // eslint-disable-next-line import/namespace
+  const IconComponent = (0, _react.useMemo)(() => (0, _index.withReanimated)(Icons[name]), [name]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    width: size,
+    height: size,
+    style: [layout, animatedStyle]
+  });
+};
+exports.AnimatedIcon = AnimatedIcon;
+//# sourceMappingURL=AnimatedIcon.js.map

package/lib/commonjs/component/Icon/AnimatedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","Icons","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedIcon","name","size","layout","animatedStyle","endsWith","console","warn","IconComponent","useMemo","withReanimated","jsx","width","height","style","exports"],"sourceRoot":"../../../../src","sources":["component/Icon/AnimatedIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAiC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUjC,MAAMW,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,MAAM;EAAEC;AAAqB,CAAC,KAAK;EAC1E,IAAI,CAACH,IAAI,CAACI,QAAQ,CAAC,YAAY,CAAC,EAAE;IAChC;IACAC,OAAO,CAACC,IAAI,CAAC,8DAA8D,CAAC;EAC9E;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,qBAAc,EAACjC,KAAK,CAACwB,IAAI,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACxE,oBAAO,IAAAtB,WAAA,CAAAgC,GAAA,EAACH,aAAa;IAACI,KAAK,EAAEV,IAAK;IAACW,MAAM,EAAEX,IAAK;IAACY,KAAK,EAAE,CAACX,MAAM,EAAEC,aAAa;EAAE,CAAE,CAAC;AACrF,CAAC;AAACW,OAAA,CAAAf,YAAA,GAAAA,YAAA","ignoreList":[]}