@teamturing/react-native-kit 1.1.0 → 1.2.1

package/lib/commonjs/component/Chip.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _polished = require("polished");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("./Box/index.js");
+var _index2 = require("./Icon/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const commonStyle = {
+  alignSelf: 'center',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: 9999,
+  overflow: 'hidden'
+};
+const styleBySize = {
+  l: {
+    px: 2,
+    h: (0, _reactNativeKit.px)(29)
+  },
+  m: {
+    px: 2,
+    h: (0, _reactNativeKit.px)(26)
+  },
+  s: {
+    px: 2,
+    h: (0, _reactNativeKit.px)(19)
+  }
+};
+const styleByVariant = {
+  'primary': {
+    backgroundColor: 'violet500'
+  },
+  'secondary': {
+    backgroundColor: 'violet50'
+  },
+  'outlined': {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: 'violet500'
+  },
+  'gray': {
+    backgroundColor: 'gray100'
+  },
+  'red': {
+    backgroundColor: 'red50'
+  },
+  'yellow': {
+    backgroundColor: 'yellow50'
+  },
+  'green': {
+    backgroundColor: 'green50'
+  },
+  'gradient1': {},
+  'dim': {
+    backgroundColor: (0, _polished.transparentize)(0.4, _reactNativeKit.palette.black)
+  },
+  'outlined-gray300': {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: 'gray300'
+  },
+  'blue': {
+    backgroundColor: 'blue500'
+  },
+  'blue50': {
+    backgroundColor: 'blue50'
+  }
+};
+const gradientCollectionPropsByVarient = {
+  'primary': undefined,
+  'secondary': undefined,
+  'outlined': undefined,
+  'gray': undefined,
+  'red': undefined,
+  'yellow': undefined,
+  'green': undefined,
+  'gradient1': {
+    style: [_reactNative.StyleSheet.absoluteFill],
+    ..._reactNativeKit.gradient.gradient1
+  },
+  'dim': undefined,
+  'outlined-gray300': undefined,
+  'blue': undefined,
+  'blue50': undefined
+};
+const txtBySize = {
+  l: _reactNativeKit.Txt.S.Medium,
+  m: _reactNativeKit.Txt.XS.Medium,
+  s: _reactNativeKit.Txt.XXS.Medium
+};
+const txtConfigByVariant = {
+  'primary': {
+    color: _reactNativeKit.palette.white
+  },
+  'secondary': {
+    color: _reactNativeKit.palette.violet500
+  },
+  'outlined': {
+    color: _reactNativeKit.palette.violet500
+  },
+  'gray': {
+    color: _reactNativeKit.palette.gray700
+  },
+  'red': {
+    color: _reactNativeKit.palette.red500
+  },
+  'yellow': {
+    color: _reactNativeKit.palette.yellow500
+  },
+  'green': {
+    color: _reactNativeKit.palette.green500
+  },
+  'gradient1': {
+    color: _reactNativeKit.palette.white
+  },
+  'dim': {
+    color: _reactNativeKit.palette.white
+  },
+  'outlined-gray300': {
+    color: _reactNativeKit.palette.gray700
+  },
+  'blue': {
+    color: _reactNativeKit.palette.white
+  },
+  'blue50': {
+    color: _reactNativeKit.palette.blue500
+  }
+};
+const iconSpacingBySize = {
+  l: 1,
+  m: 0.5,
+  s: 0
+};
+const Chip = ({
+  size = 'm',
+  variant = 'primary',
+  text,
+  leadingIcon,
+  renderLeadingIcon = iconProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+    ...iconProps
+  }),
+  trailingIcon,
+  renderTrailingIcon = iconProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icon, {
+    ...iconProps
+  }),
+  pointerEvents,
+  ...sxProps
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Box, {
+    sx: {
+      ...commonStyle,
+      ...sxProps,
+      ...styleBySize[size],
+      ...styleByVariant[variant]
+    },
+    pointerEvents: pointerEvents,
+    children: [variant === 'gradient1' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.GradientCollection, {
+      ...gradientCollectionPropsByVarient[variant]
+    }) : null, leadingIcon ? renderLeadingIcon({
+      name: leadingIcon,
+      size: 16,
+      mr: text ? iconSpacingBySize[size] : 0,
+      fill: txtConfigByVariant[variant].color
+    }) : null, txtBySize[size].render(text, txtConfigByVariant[variant]), trailingIcon ? renderTrailingIcon({
+      name: trailingIcon,
+      size: 16,
+      ml: text ? iconSpacingBySize[size] : 0,
+      fill: txtConfigByVariant[variant].color
+    }) : null]
+  });
+};
+exports.Chip = Chip;
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_polished","_react","_interopRequireDefault","_reactNative","_index","_index2","_jsxRuntime","e","__esModule","default","commonStyle","alignSelf","flexDirection","alignItems","justifyContent","borderRadius","overflow","styleBySize","l","px","h","m","s","styleByVariant","backgroundColor","borderWidth","borderColor","transparentize","palette","black","gradientCollectionPropsByVarient","undefined","style","StyleSheet","absoluteFill","gradient","gradient1","txtBySize","Txt","S","Medium","XS","XXS","txtConfigByVariant","color","white","violet500","gray700","red500","yellow500","green500","blue500","iconSpacingBySize","Chip","size","variant","text","leadingIcon","renderLeadingIcon","iconProps","jsx","Icon","trailingIcon","renderTrailingIcon","pointerEvents","sxProps","jsxs","Box","sx","children","GradientCollection","name","mr","fill","render","ml","exports"],"sourceRoot":"../../../src","sources":["component/Chip.tsx"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AAGA,IAAAM,OAAA,GAAAN,OAAA;AAA8B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiB9B,MAAMG,WAAoB,GAAG;EAC3BC,SAAS,EAAE,QAAQ;EACnBC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxBC,YAAY,EAAE,IAAI;EAClBC,QAAQ,EAAE;AACZ,CAAC;AACD,MAAMC,WAAsC,GAAG;EAC7CC,CAAC,EAAE;IACDC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,IAAAD,kBAAE,EAAC,EAAE;EACV,CAAC;EACDE,CAAC,EAAE;IACDF,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,IAAAD,kBAAE,EAAC,EAAE;EACV,CAAC;EACDG,CAAC,EAAE;IACDH,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,IAAAD,kBAAE,EAAC,EAAE;EACV;AACF,CAAC;AACD,MAAMI,cAA4C,GAAG;EACnD,SAAS,EAAE;IACTC,eAAe,EAAE;EACnB,CAAC;EACD,WAAW,EAAE;IACXA,eAAe,EAAE;EACnB,CAAC;EACD,UAAU,EAAE;IACVA,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACD,MAAM,EAAE;IACNF,eAAe,EAAE;EACnB,CAAC;EACD,KAAK,EAAE;IACLA,eAAe,EAAE;EACnB,CAAC;EACD,QAAQ,EAAE;IACRA,eAAe,EAAE;EACnB,CAAC;EACD,OAAO,EAAE;IACPA,eAAe,EAAE;EACnB,CAAC;EACD,WAAW,EAAE,CAAC,CAAC;EACf,KAAK,EAAE;IACLA,eAAe,EAAE,IAAAG,wBAAc,EAAC,GAAG,EAAEC,uBAAO,CAACC,KAAK;EACpD,CAAC;EACD,kBAAkB,EAAE;IAClBL,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACD,MAAM,EAAE;IACNF,eAAe,EAAE;EACnB,CAAC;EACD,QAAQ,EAAE;IACRA,eAAe,EAAE;EACnB;AACF,CAAC;AACD,MAAMM,gCAA0F,GAAG;EACjG,SAAS,EAAEC,SAAS;EACpB,WAAW,EAAEA,SAAS;EACtB,UAAU,EAAEA,SAAS;EACrB,MAAM,EAAEA,SAAS;EACjB,KAAK,EAAEA,SAAS;EAChB,QAAQ,EAAEA,SAAS;EACnB,OAAO,EAAEA,SAAS;EAClB,WAAW,EAAE;IACXC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,CAAC;IAChC,GAAGC,wBAAQ,CAACC;EACd,CAAC;EACD,KAAK,EAAEL,SAAS;EAChB,kBAAkB,EAAEA,SAAS;EAC7B,MAAM,EAAEA,SAAS;EACjB,QAAQ,EAAEA;AACZ,CAAC;AACD,MAAMM,SAAS,GAAG;EAChBnB,CAAC,EAAEoB,mBAAG,CAACC,CAAC,CAACC,MAAM;EACfnB,CAAC,EAAEiB,mBAAG,CAACG,EAAE,CAACD,MAAM;EAChBlB,CAAC,EAAEgB,mBAAG,CAACI,GAAG,CAACF;AACb,CAAC;AACD,MAAMG,kBAA4D,GAAG;EACnE,SAAS,EAAE;IACTC,KAAK,EAAEhB,uBAAO,CAACiB;EACjB,CAAC;EACD,WAAW,EAAE;IACXD,KAAK,EAAEhB,uBAAO,CAACkB;EACjB,CAAC;EACD,UAAU,EAAE;IACVF,KAAK,EAAEhB,uBAAO,CAACkB;EACjB,CAAC;EACD,MAAM,EAAE;IACNF,KAAK,EAAEhB,uBAAO,CAACmB;EACjB,CAAC;EACD,KAAK,EAAE;IACLH,KAAK,EAAEhB,uBAAO,CAACoB;EACjB,CAAC;EACD,QAAQ,EAAE;IACRJ,KAAK,EAAEhB,uBAAO,CAACqB;EACjB,CAAC;EACD,OAAO,EAAE;IACPL,KAAK,EAAEhB,uBAAO,CAACsB;EACjB,CAAC;EACD,WAAW,EAAE;IAAEN,KAAK,EAAEhB,uBAAO,CAACiB;EAAM,CAAC;EACrC,KAAK,EAAE;IAAED,KAAK,EAAEhB,uBAAO,CAACiB;EAAM,CAAC;EAC/B,kBAAkB,EAAE;IAClBD,KAAK,EAAEhB,uBAAO,CAACmB;EACjB,CAAC;EACD,MAAM,EAAE;IAAEH,KAAK,EAAEhB,uBAAO,CAACiB;EAAM,CAAC;EAChC,QAAQ,EAAE;IACRD,KAAK,EAAEhB,uBAAO,CAACuB;EACjB;AACF,CAAC;AACD,MAAMC,iBAAyD,GAAG;EAChElC,CAAC,EAAE,CAAC;EACJG,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE;AACL,CAAC;AAaD,MAAM+B,IAAI,GAAGA,CAAC;EACZC,IAAI,GAAG,GAAG;EACVC,OAAO,GAAG,SAAS;EACnBC,IAAI;EACJC,WAAW;EACXC,iBAAiB,GAAIC,SAAS,iBAAK,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,OAAA,CAAAwD,IAAI;IAAA,GAAKF;EAAS,CAAG,CAAC;EAC1DG,YAAY;EACZC,kBAAkB,GAAIJ,SAAS,iBAAK,IAAArD,WAAA,CAAAsD,GAAA,EAACvD,OAAA,CAAAwD,IAAI;IAAA,GAAKF;EAAS,CAAG,CAAC;EAC3DK,aAAa;EACb,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAA3D,WAAA,CAAA4D,IAAA,EAAC9D,MAAA,CAAA+D,GAAG;IACFC,EAAE,EAAE;MAAE,GAAG1D,WAAW;MAAE,GAAGuD,OAAO;MAAE,GAAGhD,WAAW,CAACqC,IAAI,CAAC;MAAE,GAAG/B,cAAc,CAACgC,OAAO;IAAE,CAAE;IACrFS,aAAa,EAAEA,aAAc;IAAAK,QAAA,GAE5Bd,OAAO,KAAK,WAAW,gBAAG,IAAAjD,WAAA,CAAAsD,GAAA,EAAC9D,eAAA,CAAAwE,kBAAkB;MAAA,GAAKxC,gCAAgC,CAACyB,OAAO;IAAC,CAAI,CAAC,GAAG,IAAI,EACvGE,WAAW,GACRC,iBAAiB,CAAC;MAChBa,IAAI,EAAEd,WAAW;MACjBH,IAAI,EAAE,EAAE;MACRkB,EAAE,EAAEhB,IAAI,GAAGJ,iBAAiB,CAACE,IAAI,CAAC,GAAG,CAAC;MACtCmB,IAAI,EAAE9B,kBAAkB,CAACY,OAAO,CAAC,CAACX;IACpC,CAAC,CAAC,GACF,IAAI,EACPP,SAAS,CAACiB,IAAI,CAAC,CAACoB,MAAM,CAAClB,IAAI,EAAEb,kBAAkB,CAACY,OAAO,CAAC,CAAC,EACzDO,YAAY,GACTC,kBAAkB,CAAC;MACjBQ,IAAI,EAAET,YAAY;MAClBR,IAAI,EAAE,EAAE;MACRqB,EAAE,EAAEnB,IAAI,GAAGJ,iBAAiB,CAACE,IAAI,CAAC,GAAG,CAAC;MACtCmB,IAAI,EAAE9B,kBAAkB,CAACY,OAAO,CAAC,CAACX;IACpC,CAAC,CAAC,GACF,IAAI;EAAA,CACL,CAAC;AAEV,CAAC;AAACgC,OAAA,CAAAvB,IAAA,GAAAA,IAAA","ignoreList":[]}

package/lib/commonjs/component/CloneWithGlobalPositionView.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloneWithGlobalPositionView = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 CloneWithGlobalPositionView = ({
+  onLayoutGlobal,
+  onLayoutGlobalWithClonedChildren,
+  measureDelay = 500,
+  children,
+  cloneChildren,
+  ...rest
+}) => {
+  const ref = (0, _react.useRef)(null);
+  const timeoutHandler = (0, _reactNativeKit.useTimeoutHandler)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...rest,
+    collapsable: false,
+    ref: ref,
+    onLayout: !_reactNativeKit.is.function(onLayoutGlobal) && !_reactNativeKit.is.function(onLayoutGlobalWithClonedChildren) ? undefined : () => {
+      timeoutHandler.current = setTimeout(() => {
+        ref.current?.measure((_, __, width, height, pageX, pageY) => {
+          onLayoutGlobal?.({
+            height,
+            width,
+            x: pageX,
+            y: pageY
+          });
+          if (_reactNativeKit.is.function(onLayoutGlobalWithClonedChildren)) {
+            const cloned = cloneChildren || /*#__PURE__*/_react.default.cloneElement( /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+              children: children
+            }));
+            onLayoutGlobalWithClonedChildren?.({
+              height,
+              width,
+              x: pageX,
+              y: pageY,
+              element: cloned
+            });
+          }
+        });
+      }, measureDelay);
+    },
+    children: children
+  });
+};
+exports.CloneWithGlobalPositionView = CloneWithGlobalPositionView;
+//# sourceMappingURL=CloneWithGlobalPositionView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CloneWithGlobalPositionView","onLayoutGlobal","onLayoutGlobalWithClonedChildren","measureDelay","children","cloneChildren","rest","ref","useRef","timeoutHandler","useTimeoutHandler","jsx","View","collapsable","onLayout","is","function","undefined","current","setTimeout","measure","_","__","width","height","pageX","pageY","x","y","cloned","React","cloneElement","Fragment","element","exports"],"sourceRoot":"../../../src","sources":["component/CloneWithGlobalPositionView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/DialogHandler.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogWithParamsHandler = exports.DialogHandler = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+const DialogHandler = ({
+  children
+}) => {
+  const {
+    dialogRef,
+    open,
+    close
+  } = (0, _reactNativeKit.useDialogHandler)();
+  return children({
+    dialogRef,
+    open,
+    close
+  });
+};
+exports.DialogHandler = DialogHandler;
+const DialogWithParamsHandler = ({
+  children
+}) => {
+  const {
+    dialogRef,
+    open,
+    close
+  } = (0, _reactNativeKit.useDialogWithParamsHandler)();
+  return children({
+    dialogRef,
+    open,
+    close
+  });
+};
+exports.DialogWithParamsHandler = DialogWithParamsHandler;
+//# sourceMappingURL=DialogHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","DialogHandler","children","dialogRef","open","close","useDialogHandler","exports","DialogWithParamsHandler","useDialogWithParamsHandler"],"sourceRoot":"../../../src","sources":["component/DialogHandler.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAOO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAgB,EAAC,CAAC;EAErD,OAAOJ,QAAQ,CAAC;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;AAC7C,CAAC;AAACE,OAAA,CAAAN,aAAA,GAAAA,aAAA;AAEK,MAAMO,uBAAuB,GAAGA,CAAU;EAC/CN;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAI,0CAA0B,EAAS,CAAC;EAEvE,OAAOP,QAAQ,CAAC;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;AAC7C,CAAC;AAACE,OAAA,CAAAC,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/lib/commonjs/component/Dot.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dot = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _reactNative = require("react-native");
+var _index = require("./Box/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Dot = ({
+  color = 'green500',
+  borderColor = 'white',
+  size = 12,
+  borderWidth = 0,
+  testID,
+  sx
+}) => {
+  const {
+    getStyle
+  } = (0, _core.useSx)(sx);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+    testID: testID,
+    style: [{
+      backgroundColor: _reactNativeKit.palette[borderColor],
+      padding: borderWidth,
+      width: size,
+      height: size,
+      borderRadius: 999,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, getStyle()],
+    pointerEvents: 'none',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        backgroundColor: _reactNativeKit.palette[color],
+        width: '100%',
+        height: '100%',
+        borderRadius: 999
+      }
+    })
+  });
+};
+exports.Dot = Dot;
+//# sourceMappingURL=Dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_reactNative","_index","_jsxRuntime","Dot","color","borderColor","size","borderWidth","testID","sx","getStyle","useSx","jsx","Box","style","backgroundColor","palette","padding","width","height","borderRadius","justifyContent","alignItems","pointerEvents","children","View","exports"],"sourceRoot":"../../../src","sources":["component/Dot.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA4B,IAAAI,WAAA,GAAAJ,OAAA;AAU5B,MAAMK,GAAG,GAAGA,CAAC;EAAEC,KAAK,GAAG,UAAU;EAAEC,WAAW,GAAG,OAAO;EAAEC,IAAI,GAAG,EAAE;EAAEC,WAAW,GAAG,CAAC;EAAEC,MAAM;EAAEC;AAAU,CAAC,KAAK;EAC5G,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,WAAK,EAACF,EAAE,CAAC;EAC9B,oBACE,IAAAP,WAAA,CAAAU,GAAA,EAACX,MAAA,CAAAY,GAAG;IACFL,MAAM,EAAEA,MAAO;IACfM,KAAK,EAAE,CACL;MACEC,eAAe,EAAEC,uBAAO,CAACX,WAAW,CAAC;MACrCY,OAAO,EAAEV,WAAW;MACpBW,KAAK,EAAEZ,IAAI;MACXa,MAAM,EAAEb,IAAI;MACZc,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACDZ,QAAQ,CAAC,CAAC,CACV;IACFa,aAAa,EAAE,MAAO;IAAAC,QAAA,eAEtB,IAAAtB,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAyB,IAAI;MAACX,KAAK,EAAE;QAAEC,eAAe,EAAEC,uBAAO,CAACZ,KAAK,CAAC;QAAEc,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,YAAY,EAAE;MAAI;IAAE,CAAE;EAAC,CACnG,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAvB,GAAA,GAAAA,GAAA","ignoreList":[]}

package/lib/commonjs/component/DotLoadingIndicator.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DotLoadingIndicator = void 0;
+var _jsUtil = require("@mj-studio/js-util");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Row = require("./Layout/Row.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const DotLoadingIndicator = ({
+  size = 4,
+  color = _reactNativeKit.palette.black,
+  gap = 2,
+  dotCount = 3,
+  duration = 1000,
+  /// 0 ~ 1
+  cycleDurationRatio = 0.5
+}) => {
+  const anim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const styles = (0, _jsUtil.generateArray)(dotCount).map(i => {
+    const pivot = i * (1 / dotCount * cycleDurationRatio);
+    return {
+      opacity: _reactNative.Animated.add(_reactNative.Animated.modulo(_reactNative.Animated.add(anim, pivot), 1), 0.3)
+    };
+  });
+  (0, _reactNativeKit.useMount)(() => {
+    _reactNative.Animated.loop(_reactNative.Animated.timing(anim, {
+      toValue: 1,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true,
+      duration
+    }), {
+      iterations: -1,
+      resetBeforeIteration: false
+    }).start();
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Row.RowCenter, {
+    gapX: gap,
+    children: (0, _jsUtil.generateArray)(dotCount).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [{
+        width: size,
+        height: size,
+        borderRadius: 999,
+        backgroundColor: color
+      }, styles[dotCount - 1 - i]]
+    }, i))
+  });
+};
+exports.DotLoadingIndicator = DotLoadingIndicator;
+//# sourceMappingURL=DotLoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_jsUtil","require","_reactNativeKit","_react","_reactNative","_Row","_jsxRuntime","DotLoadingIndicator","size","color","palette","black","gap","dotCount","duration","cycleDurationRatio","anim","useRef","Animated","Value","current","styles","generateArray","map","i","pivot","opacity","add","modulo","useMount","loop","timing","toValue","easing","Easing","linear","useNativeDriver","iterations","resetBeforeIteration","start","jsx","RowCenter","gapX","children","View","style","width","height","borderRadius","backgroundColor","exports"],"sourceRoot":"../../../src","sources":["component/DotLoadingIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,IAAA,GAAAJ,OAAA;AAAyC,IAAAK,WAAA,GAAAL,OAAA;AAWzC,MAAMM,mBAAmB,GAAGA,CAAC;EAC3BC,IAAI,GAAG,CAAC;EACRC,KAAK,GAAGC,uBAAO,CAACC,KAAK;EACrBC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,IAAI;EACf;EACAC,kBAAkB,GAAG;AAChB,CAAC,KAAK;EACX,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,qBAAa,EAACT,QAAQ,CAAC,CAACU,GAAG,CAAEC,CAAC,IAAK;IAChD,MAAMC,KAAK,GAAGD,CAAC,IAAK,CAAC,GAAGX,QAAQ,GAAIE,kBAAkB,CAAC;IACvD,OAAO;MACLW,OAAO,EAAER,qBAAQ,CAACS,GAAG,CAACT,qBAAQ,CAACU,MAAM,CAACV,qBAAQ,CAACS,GAAG,CAACX,IAAI,EAAES,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG;IAC1E,CAAC;EACH,CAAC,CAAC;EAEF,IAAAI,wBAAQ,EAAC,MAAM;IACbX,qBAAQ,CAACY,IAAI,CAACZ,qBAAQ,CAACa,MAAM,CAACf,IAAI,EAAE;MAAEgB,OAAO,EAAE,CAAC;MAAEC,MAAM,EAAEC,mBAAM,CAACC,MAAM;MAAEC,eAAe,EAAE,IAAI;MAAEtB;IAAS,CAAC,CAAC,EAAE;MAC3GuB,UAAU,EAAE,CAAC,CAAC;MACdC,oBAAoB,EAAE;IACxB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,CAAC;EAEF,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACnC,IAAA,CAAAoC,SAAS;IAACC,IAAI,EAAE9B,GAAI;IAAA+B,QAAA,EAClB,IAAArB,qBAAa,EAACT,QAAQ,CAAC,CAACU,GAAG,CAAEC,CAAC,iBAC7B,IAAAlB,WAAA,CAAAkC,GAAA,EAACpC,YAAA,CAAAc,QAAQ,CAAC0B,IAAI;MAEZC,KAAK,EAAE,CAAC;QAAEC,KAAK,EAAEtC,IAAI;QAAEuC,MAAM,EAAEvC,IAAI;QAAEwC,YAAY,EAAE,GAAG;QAAEC,eAAe,EAAExC;MAAM,CAAC,EAAEY,MAAM,CAACR,QAAQ,GAAG,CAAC,GAAGW,CAAC,CAAC;IAAE,GADvGA,CAEN,CACF;EAAC,CACO,CAAC;AAEhB,CAAC;AAAC0B,OAAA,CAAA3C,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/component/EmptyState.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyState = void 0;
+var _core = require("@react-native-styled-system/core");
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("./Icon/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const EmptyState = props => {
+  const {
+    iconName = 'exclamation_point_in_circle',
+    iconFill,
+    title,
+    renderTitle = title => _reactNativeKit.Txt.L.Bold.render(title, {
+      align: 'center'
+    }),
+    description,
+    renderDescription = description => _reactNativeKit.Txt.S.Medium.Gray500.render(description, {
+      align: 'center'
+    }),
+    action,
+    testID = 'EmptyState'
+  } = props;
+  const {
+    getStyle
+  } = (0, _core.useSx)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: [{
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, getStyle()],
+    pointerEvents: 'box-none',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
+      name: iconName,
+      fill: iconFill || _reactNativeKit.palette.gray300,
+      size: 48
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginTop: _reactNativeKit.spacing[2]
+      },
+      pointerEvents: 'none',
+      children: renderTitle(title)
+    }), _reactNativeKit.is.string(description) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginTop: _reactNativeKit.spacing[2]
+      },
+      pointerEvents: 'none',
+      children: renderDescription(description)
+    }) : null, action ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.Btn, {
+      testID: `${testID}/action`,
+      layout: {
+        marginTop: _reactNativeKit.spacing[6]
+      },
+      ...action,
+      size: 'm',
+      variant: 'primary'
+    }) : null]
+  });
+};
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_reactNativeKit","_react","_interopRequireDefault","_reactNative","_index","_jsxRuntime","e","__esModule","default","EmptyState","props","iconName","iconFill","title","renderTitle","Txt","L","Bold","render","align","description","renderDescription","S","Medium","Gray500","action","testID","getStyle","useSx","jsxs","View","style","alignItems","justifyContent","pointerEvents","children","jsx","Icon","name","fill","palette","gray300","size","marginTop","spacing","is","string","Btn","layout","variant","exports"],"sourceRoot":"../../../src","sources":["component/EmptyState.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AAA8B,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB9B,MAAMG,UAAU,GAAIC,KAAY,IAAK;EACnC,MAAM;IACJC,QAAQ,GAAG,6BAA6B;IACxCC,QAAQ;IACRC,KAAK;IACLC,WAAW,GAAID,KAAK,IAAKE,mBAAG,CAACC,CAAC,CAACC,IAAI,CAACC,MAAM,CAACL,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAS,CAAC,CAAC;IACtEC,WAAW;IACXC,iBAAiB,GAAID,WAAW,IAAKL,mBAAG,CAACO,CAAC,CAACC,MAAM,CAACC,OAAO,CAACN,MAAM,CAACE,WAAW,EAAE;MAAED,KAAK,EAAE;IAAS,CAAC,CAAC;IAClGM,MAAM;IACNC,MAAM,GAAG;EACX,CAAC,GAAGhB,KAAK;EACT,MAAM;IAAEiB;EAAS,CAAC,GAAG,IAAAC,WAAK,EAAClB,KAAK,CAAC;EACjC,oBACE,IAAAL,WAAA,CAAAwB,IAAA,EAAC1B,YAAA,CAAA2B,IAAI;IACHJ,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAE,CAAC;MAAEC,UAAU,EAAE,QAAQ;MAAEC,cAAc,EAAE;IAAS,CAAC,EAAEN,QAAQ,CAAC,CAAC,CAAE;IACxEO,aAAa,EAAE,UAAW;IAAAC,QAAA,gBAE1B,IAAA9B,WAAA,CAAA+B,GAAA,EAAChC,MAAA,CAAAiC,IAAI;MAACC,IAAI,EAAE3B,QAAS;MAAC4B,IAAI,EAAE3B,QAAQ,IAAI4B,uBAAO,CAACC,OAAQ;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACrE,IAAArC,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAA2B,IAAI;MAACC,KAAK,EAAE;QAAEY,SAAS,EAAEC,uBAAO,CAAC,CAAC;MAAE,CAAE;MAACV,aAAa,EAAE,MAAO;MAAAC,QAAA,EAC3DrB,WAAW,CAACD,KAAK;IAAC,CACf,CAAC,EACNgC,kBAAE,CAACC,MAAM,CAAC1B,WAAW,CAAC,gBACrB,IAAAf,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAA2B,IAAI;MAACC,KAAK,EAAE;QAAEY,SAAS,EAAEC,uBAAO,CAAC,CAAC;MAAE,CAAE;MAACV,aAAa,EAAE,MAAO;MAAAC,QAAA,EAC3Dd,iBAAiB,CAACD,WAAW;IAAC,CAC3B,CAAC,GACL,IAAI,EACPK,MAAM,gBACL,IAAApB,WAAA,CAAA+B,GAAA,EAACpC,eAAA,CAAA+C,GAAG;MACFrB,MAAM,EAAE,GAAGA,MAAM,SAAU;MAC3BsB,MAAM,EAAE;QAAEL,SAAS,EAAEC,uBAAO,CAAC,CAAC;MAAE,CAAE;MAAA,GAC9BnB,MAAM;MACViB,IAAI,EAAE,GAAI;MACVO,OAAO,EAAE;IAAU,CACpB,CAAC,GACA,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAzC,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/component/FloatingRoundChip.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingRoundChip = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _index = require("./Icon/index.js");
+var _Gap = require("./Layout/Gap.js");
+var _Row = require("./Layout/Row.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const FloatingRoundChip = ({
+  highlightColor = _reactNativeKit.palette.violet500,
+  renderContent,
+  leadingIcon,
+  style,
+  trailingIcon
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Row.RowCenter, {
+    style: [{
+      borderWidth: 2,
+      borderColor: highlightColor,
+      borderRadius: 999,
+      paddingHorizontal: _reactNativeKit.spacing[3],
+      paddingVertical: _reactNativeKit.spacing[2],
+      backgroundColor: _reactNativeKit.palette.white
+    }, style],
+    children: [leadingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
+        name: leadingIcon,
+        size: 16,
+        fill: highlightColor
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Gap.GapW, {
+        unit: 1
+      })]
+    }) : null, renderContent, trailingIcon ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Gap.GapW, {
+        unit: 1
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icon, {
+        name: trailingIcon,
+        size: 16,
+        fill: highlightColor
+      })]
+    }) : null]
+  });
+};
+exports.FloatingRoundChip = FloatingRoundChip;
+//# sourceMappingURL=FloatingRoundChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_index","_Gap","_Row","_jsxRuntime","FloatingRoundChip","highlightColor","palette","violet500","renderContent","leadingIcon","style","trailingIcon","jsxs","RowCenter","borderWidth","borderColor","borderRadius","paddingHorizontal","spacing","paddingVertical","backgroundColor","white","children","Fragment","jsx","Icon","name","size","fill","GapW","unit","exports"],"sourceRoot":"../../../src","sources":["component/FloatingRoundChip.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AASlC,MAAMK,iBAAiB,GAAGA,CAAC;EAChCC,cAAc,GAAGC,uBAAO,CAACC,SAAS;EAClCC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,oBACE,IAAAR,WAAA,CAAAS,IAAA,EAACV,IAAA,CAAAW,SAAS;IACRH,KAAK,EAAE,CACL;MACEI,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEV,cAAc;MAC3BW,YAAY,EAAE,GAAG;MACjBC,iBAAiB,EAAEC,uBAAO,CAAC,CAAC,CAAC;MAC7BC,eAAe,EAAED,uBAAO,CAAC,CAAC,CAAC;MAC3BE,eAAe,EAAEd,uBAAO,CAACe;IAC3B,CAAC,EACDX,KAAK,CACL;IAAAY,QAAA,GAEDb,WAAW,gBACV,IAAAN,WAAA,CAAAS,IAAA,EAAAT,WAAA,CAAAoB,QAAA;MAAAD,QAAA,gBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAAyB,IAAI;QAACC,IAAI,EAAEjB,WAAY;QAACkB,IAAI,EAAE,EAAG;QAACC,IAAI,EAAEvB;MAAe,CAAE,CAAC,eAC3D,IAAAF,WAAA,CAAAqB,GAAA,EAACvB,IAAA,CAAA4B,IAAI;QAACC,IAAI,EAAE;MAAE,CAAE,CAAC;IAAA,CACjB,CAAC,GACD,IAAI,EACPtB,aAAa,EACbG,YAAY,gBACX,IAAAR,WAAA,CAAAS,IAAA,EAAAT,WAAA,CAAAoB,QAAA;MAAAD,QAAA,gBACE,IAAAnB,WAAA,CAAAqB,GAAA,EAACvB,IAAA,CAAA4B,IAAI;QAACC,IAAI,EAAE;MAAE,CAAE,CAAC,eACjB,IAAA3B,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAAyB,IAAI;QAACC,IAAI,EAAEf,YAAa;QAACgB,IAAI,EAAE,EAAG;QAACC,IAAI,EAAEvB;MAAe,CAAE,CAAC;IAAA,CAC5D,CAAC,GACD,IAAI;EAAA,CACC,CAAC;AAEhB,CAAC;AAAC0B,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/component/GradientBorderContainer.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientBorderContainer = void 0;
+var _maskedView = _interopRequireDefault(require("@react-native-masked-view/masked-view"));
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GradientBorderContainer = ({
+  borderWidth = 1,
+  borderRadius = 0,
+  gradient = _reactNativeKit.gradient.gradient4,
+  children,
+  borderType = 'stroke',
+  style,
+  ...props
+}) => {
+  const padding = borderType === 'stroke' ? -borderWidth / 2 : borderType === 'inner' ? 0 : -borderWidth;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [style, {
+      borderWidth: 0
+    }],
+    ...props,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      pointerEvents: 'none',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_maskedView.default, {
+        pointerEvents: 'none',
+        style: {
+          position: 'absolute',
+          top: padding,
+          bottom: padding,
+          left: padding,
+          right: padding
+        },
+        maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          pointerEvents: 'none',
+          accessibilityElementsHidden: true,
+          importantForAccessibility: 'no',
+          style: [_reactNative.StyleSheet.absoluteFill, {
+            borderRadius,
+            borderWidth
+          }]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeKit.GradientCollection, {
+          ...gradient,
+          style: _reactNative.StyleSheet.absoluteFill
+        })
+      })
+    })]
+  }, 1);
+};
+exports.GradientBorderContainer = GradientBorderContainer;
+//# sourceMappingURL=GradientBorderContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_maskedView","_interopRequireDefault","require","_reactNativeKit","_reactNative","_jsxRuntime","e","__esModule","default","GradientBorderContainer","borderWidth","borderRadius","gradient","Gradient","gradient4","children","borderType","style","props","padding","jsxs","View","jsx","StyleSheet","absoluteFill","pointerEvents","position","top","bottom","left","right","maskElement","accessibilityElementsHidden","importantForAccessibility","GradientCollection","exports"],"sourceRoot":"../../../src","sources":["component/GradientBorderContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,YAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUhD,MAAMG,uBAAuB,GAAGA,CAAC;EAC/BC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,CAAC;EAChBC,QAAQ,GAAGC,wBAAQ,CAACC,SAAS;EAC7BC,QAAQ;EACRC,UAAU,GAAG,QAAQ;EACrBC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,OAAO,GAAGH,UAAU,KAAK,QAAQ,GAAG,CAACN,WAAW,GAAG,CAAC,GAAGM,UAAU,KAAK,OAAO,GAAG,CAAC,GAAG,CAACN,WAAW;EACtG,oBACE,IAAAL,WAAA,CAAAe,IAAA,EAAChB,YAAA,CAAAiB,IAAI;IAASJ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEP,WAAW,EAAE;IAAE,CAAC,CAAE;IAAA,GAAKQ,KAAK;IAAAH,QAAA,GACxDA,QAAQ,eACT,IAAAV,WAAA,CAAAiB,GAAA,EAAClB,YAAA,CAAAiB,IAAI;MAACJ,KAAK,EAAEM,uBAAU,CAACC,YAAa;MAACC,aAAa,EAAE,MAAO;MAAAV,QAAA,eAC1D,IAAAV,WAAA,CAAAiB,GAAA,EAACtB,WAAA,CAAAQ,OAAU;QACTiB,aAAa,EAAE,MAAO;QACtBR,KAAK,EAAE;UACLS,QAAQ,EAAE,UAAU;UACpBC,GAAG,EAAER,OAAO;UACZS,MAAM,EAAET,OAAO;UACfU,IAAI,EAAEV,OAAO;UACbW,KAAK,EAAEX;QACT,CAAE;QACFY,WAAW,eACT,IAAA1B,WAAA,CAAAiB,GAAA,EAAClB,YAAA,CAAAiB,IAAI;UACHI,aAAa,EAAE,MAAO;UACtBO,2BAA2B;UAC3BC,yBAAyB,EAAE,IAAK;UAChChB,KAAK,EAAE,CAACM,uBAAU,CAACC,YAAY,EAAE;YAAEb,YAAY;YAAED;UAAY,CAAC;QAAE,CACjE,CACF;QAAAK,QAAA,eAED,IAAAV,WAAA,CAAAiB,GAAA,EAACnB,eAAA,CAAA+B,kBAAkB;UAAA,GAAKtB,QAAQ;UAAEK,KAAK,EAAEM,uBAAU,CAACC;QAAa,CAAE;MAAC,CAC1D;IAAC,CACT,CAAC;EAAA,GAvBE,CAwBL,CAAC;AAEX,CAAC;AAACW,OAAA,CAAA1B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GradientBorderContainer = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const GradientBorderContainer = ({
+  borderWidth = 1,
+  borderRadius = 0,
+  gradient = _reactNativeKit.gradient.gradient4,
+  children,
+  style,
+  ...props
+}) => {
+  const {
+    colors
+  } = gradient;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      borderWidth,
+      borderRadius,
+      borderColor: colors[0]
+    }, style],
+    ...props,
+    children: children
+  }, 1);
+};
+exports.GradientBorderContainer = GradientBorderContainer;
+//# sourceMappingURL=GradientBorderContainer.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_reactNative","_jsxRuntime","GradientBorderContainer","borderWidth","borderRadius","gradient","Gradient","gradient4","children","style","props","colors","jsx","View","borderColor","exports"],"sourceRoot":"../../../src","sources":["component/GradientBorderContainer.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,IAAAE,WAAA,GAAAF,OAAA;AAIpC,MAAMG,uBAAuB,GAAGA,CAAC;EAC/BC,WAAW,GAAG,CAAC;EACfC,YAAY,GAAG,CAAC;EAChBC,QAAQ,GAAGC,wBAAQ,CAACC,SAAS;EAC7BC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACyB,CAAC,KAAK;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGN,QAAQ;EAE3B,oBACE,IAAAJ,WAAA,CAAAW,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAASJ,KAAK,EAAE,CAAC;MAAEN,WAAW;MAAEC,YAAY;MAAEU,WAAW,EAAEH,MAAM,CAAC,CAAC;IAAE,CAAC,EAAEF,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EAC3FA;EAAQ,GADA,CAEL,CAAC;AAEX,CAAC;AAACO,OAAA,CAAAb,uBAAA,GAAAA,uBAAA","ignoreList":[]}