@react-fabric/utilities 1.0.0-beta.62 → 1.0.0-beta.63

package/dist/cjs/_fetch.js

@@ -24,9 +24,9 @@ var _signals = new Map();
  * @throws An error if the request fails or if the response contains an error code.
  */
 var _fetch = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
     var _ref$headers, headers, body, signal, options, _s, ac;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _ref$headers = _ref.headers, headers = _ref$headers === void 0 ? {} : _ref$headers, body = _ref.body, signal = _ref.signal;
@@ -56,29 +56,29 @@ var _fetch = /*#__PURE__*/function () {
           } else if (signal instanceof AbortSignal) {
             options.signal = signal;
           }
-          _context2.next = 7;
+          _context2.next = 1;
           return fetch(url, _objectSpread(_objectSpread({}, options), {}, {
             headers: headers
-          })).then( /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
-              return _regeneratorRuntime.wrap(function _callee$(_context) {
+          })).then(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
+              return _regeneratorRuntime.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     if (!(resp.status >= 200 && resp.status < 300)) {
-                      _context.next = 4;
+                      _context.next = 2;
                       break;
                     }
-                    _context.next = 3;
+                    _context.next = 1;
                     return resp.json();
-                  case 3:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 4:
+                  case 2:
                     throw {
                       status: resp.status,
                       code: -1,
                       message: resp.statusText
                     };
-                  case 5:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
@@ -93,7 +93,6 @@ var _fetch = /*#__PURE__*/function () {
             var code = (_ref4 = (_resp$error_code = resp.error_code) !== null && _resp$error_code !== void 0 ? _resp$error_code : resp.errorCode) !== null && _ref4 !== void 0 ? _ref4 : resp.error;
             var message = (_ref5 = (_resp$error_message = resp.error_message) !== null && _resp$error_message !== void 0 ? _resp$error_message : resp.errorMessage) !== null && _ref5 !== void 0 ? _ref5 : resp.message;
             if (resp.status === "error" || code) {
-              // eslint-disable-next-line @typescript-eslint/no-throw-literal
               throw {
                 status: 500,
                 code: code,
@@ -102,9 +101,9 @@ var _fetch = /*#__PURE__*/function () {
             }
             return resp;
           });
-        case 7:
+        case 1:
           return _context2.abrupt("return", _context2.sent);
-        case 8:
+        case 2:
         case "end":
           return _context2.stop();
       }

package/dist/cjs/_getByPath.js

@@ -25,7 +25,7 @@ var _isType = require('./_isType.js');
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-var _get = function _get(hit, field) {
+var _get2 = function _get(hit, field) {
   /** ***************** return if object is empty *******************/
   /* istanbul ignore next */
   if (_isType.isNil(hit)) {
@@ -68,7 +68,7 @@ var _get = function _get(hit, field) {
               /** ***************** return array map of inner propeties *******************/
               return {
                 v: currentValue.map(function (val) {
-                  return _get(val, innerPath);
+                  return _get2(val, innerPath);
                 }).filter(function (val) {
                   return !_isType.isEmpty(val);
                 })
@@ -76,7 +76,7 @@ var _get = function _get(hit, field) {
             } else {
               /** ***************** return value of remaining path *******************/
               return {
-                v: _get(currentValue, innerPath)
+                v: _get2(currentValue, innerPath)
               };
             }
           }
@@ -107,7 +107,7 @@ var getByPath = function getByPath(obj, path) {
   if (_isType.isEmpty(obj) || _isType.isEmpty(path)) {
     return defaultValue;
   }
-  var value = _get(obj, path);
+  var value = _get2(obj, path);
   if (!_isType.isNil(value)) {
     return value;
   }

package/dist/cjs/_isEqual.js

@@ -42,7 +42,7 @@ var _isType = require('./_isType.js');
  * @param {unknown} test - The second value to compare against the first.
  * @returns {boolean} - Returns true if the values are equal, false otherwise.
  */
-var isEqual = function isEqual(obj, test) {
+var _isEqual = function isEqual(obj, test) {
   if (_isType.isNil(obj) && _isType.isNil(test)) {
     return true;
   }
@@ -55,7 +55,7 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !obj.some(function (o, i) {
-      return !isEqual(o, test[i]);
+      return !_isEqual(o, test[i]);
     });
   } else if (_isType.isObject(obj) && _isType.isObject(test)) {
     var okeys = Object.keys(obj);
@@ -72,28 +72,11 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !Object.keys(obj).some(function (k) {
-      return !isEqual(obj[k], test[k]);
+      return !_isEqual(obj[k], test[k]);
     });
   }
   return false;
 };
-
-/**
- * Match a string against another string with options for equality.
- * This function checks if the base string starts with, includes, or is equal to the match string,
- * based on the specified equality condition.
- * It normalizes both strings to lowercase and ASCII format before comparison.
- * This is useful for case-insensitive and ASCII-only comparisons,
- * such as when filtering or searching through text data.
- *
- * @param {string} base - The base string to match against.
- * @param {string} match - The string to match with the base string.
- * @param {("start" | boolean)} equality - The type of match to perform:
- *                   - "start": checks if the base string starts with the match string.
- *                   - true: checks for exact equality.
- *                   - false (default): checks if the base string includes the match string.
- * @returns {boolean} - Returns true if the base string matches the conditions specified by the match string and equality.
- */
 var matchString = function matchString(base, match) {
   var equality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var _base = _ascii.ascii(base).toLowerCase();
@@ -139,5 +122,5 @@ var compareValues = function compareValues() {
 };
 
 exports.compareValues = compareValues;
-exports.isEqual = isEqual;
+exports.isEqual = _isEqual;
 exports.matchString = matchString;

package/dist/cjs/getImageColorset.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var chroma = require('chroma-js');
+
 /*
  * React Fabric
  * @version: 1.0.0
@@ -23,7 +25,6 @@
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-/* istanbul ignore file */
 
 /**
  * Get the color set of an image element.
@@ -41,6 +42,7 @@
  * @returns {string} A string indicating the color set of the image.
  */
 var getImageColorset = function getImageColorset(el) {
+  var transparentOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   // create canvas
   var canvas = document.createElement("canvas");
   canvas.width = Math.min(500, el.naturalWidth);
@@ -56,22 +58,32 @@ var getImageColorset = function getImageColorset(el) {
     var totalPixels = 0;
     var transparent = (data === null || data === void 0 ? void 0 : data[3]) === 0;
     for (var x = 0, len = data.length; x < len; x += 4) {
+      if (transparentOnly && data[x + 3] / 255 > 0.9) {
+        continue;
+      }
       if (data[x + 3] === 0) {
         transparent = true;
         continue;
       }
-      if (data[x + 3] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      var l = chroma([r, g, b]).lab()[0];
+      if (transparentOnly) {
+        l < 35 && (dark++, totalPixels++);
+        l > 65 && (light++, totalPixels++);
+      } else {
+        l < 50 && (dark++, totalPixels++);
+        l >= 50 && (light++, totalPixels++);
+      }
     }
+    if (totalPixels === 0) return "auto";
     var diff = light / totalPixels - dark / totalPixels;
     var ret = diff > 0 ? "light" : "dark";
-    if (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/dist/cjs/index.js

@@ -67,6 +67,11 @@ var EMPTY_ARRAY = [];
 Object.freeze(EMPTY_ARRAY);
 var EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+var EMPTY_FC = function EMPTY_FC() {
+  return function () {
+    return null;
+  };
+};
 
 exports.ascii = _ascii.ascii;
 exports.getBoundingBox = _boundingBox.getBoundingBox;
@@ -118,4 +123,5 @@ exports.getImageColorset = getImageColorset.getImageColorset;
 exports.useLogger = useLogger.useLogger;
 exports.yup = _yup__namespace;
 exports.EMPTY_ARRAY = EMPTY_ARRAY;
+exports.EMPTY_FC = EMPTY_FC;
 exports.EMPTY_OBJECT = EMPTY_OBJECT;

package/dist/cjs/useLogger.js

@@ -189,16 +189,16 @@ var BROWSER = {
     (_console9 = console).error.apply(_console9, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\n")], rest));
   },
   warning: function warning(msg, opts) {
-    var _console10;
+    var _console0;
     if (+this.logLevel() < LOG_LEVEL.WARNING) return;
     var _this$makeLog9 = this.makeLog("%cWARNING", this.WARNING, opts),
-      _this$makeLog10 = _slicedToArray(_this$makeLog9, 2),
-      logs = _this$makeLog10[0],
-      colors = _this$makeLog10[1];
-    for (var _len10 = arguments.length, rest = new Array(_len10 > 2 ? _len10 - 2 : 0), _key10 = 2; _key10 < _len10; _key10++) {
-      rest[_key10 - 2] = arguments[_key10];
+      _this$makeLog0 = _slicedToArray(_this$makeLog9, 2),
+      logs = _this$makeLog0[0],
+      colors = _this$makeLog0[1];
+    for (var _len0 = arguments.length, rest = new Array(_len0 > 2 ? _len0 - 2 : 0), _key0 = 2; _key0 < _len0; _key0++) {
+      rest[_key0 - 2] = arguments[_key0];
     }
-    (_console10 = console).warn.apply(_console10, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
+    (_console0 = console).warn.apply(_console0, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
   }
 };
 var logger = function logger() {
@@ -222,7 +222,6 @@ var useLogger = function useLogger(mod) {
     timer: function timer(process) {
       var startTime = new Date().getTime();
       var nextTime = new Date().getTime();
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
       var self = this;
       var getTime = function getTime() {
         var ret = (new Date().getTime() - nextTime) / 1000;
@@ -234,8 +233,8 @@ var useLogger = function useLogger(mod) {
       };
       return {
         log: function log(msg) {
-          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
-            rest[_key11 - 1] = arguments[_key11];
+          for (var _len1 = arguments.length, rest = new Array(_len1 > 1 ? _len1 - 1 : 0), _key1 = 1; _key1 < _len1; _key1++) {
+            rest[_key1 - 1] = arguments[_key1];
           }
           return self.log.apply(self, [msg, {
             process: process,
@@ -244,8 +243,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         debug: function debug(msg) {
-          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
-            rest[_key12 - 1] = arguments[_key12];
+          for (var _len10 = arguments.length, rest = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
+            rest[_key10 - 1] = arguments[_key10];
           }
           return self.debug.apply(self, [msg, {
             process: process,
@@ -254,8 +253,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         info: function info(msg) {
-          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
-            rest[_key13 - 1] = arguments[_key13];
+          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
+            rest[_key11 - 1] = arguments[_key11];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -264,8 +263,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         error: function error(msg) {
-          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
-            rest[_key14 - 1] = arguments[_key14];
+          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
+            rest[_key12 - 1] = arguments[_key12];
           }
           return self.error.apply(self, [msg, {
             process: process,
@@ -274,8 +273,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         warning: function warning(msg) {
-          for (var _len15 = arguments.length, rest = new Array(_len15 > 1 ? _len15 - 1 : 0), _key15 = 1; _key15 < _len15; _key15++) {
-            rest[_key15 - 1] = arguments[_key15];
+          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
+            rest[_key13 - 1] = arguments[_key13];
           }
           return self.warning.apply(self, [msg, {
             process: process,
@@ -285,8 +284,8 @@ var useLogger = function useLogger(mod) {
         },
         end: function end() {
           var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "completed";
-          for (var _len16 = arguments.length, rest = new Array(_len16 > 1 ? _len16 - 1 : 0), _key16 = 1; _key16 < _len16; _key16++) {
-            rest[_key16 - 1] = arguments[_key16];
+          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
+            rest[_key14 - 1] = arguments[_key14];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -300,8 +299,8 @@ var useLogger = function useLogger(mod) {
       var _logger;
       _ref4.module;
         var opts = _objectWithoutProperties(_ref4, _excluded);
-      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
-        rest[_key17 - 2] = arguments[_key17];
+      for (var _len15 = arguments.length, rest = new Array(_len15 > 2 ? _len15 - 2 : 0), _key15 = 2; _key15 < _len15; _key15++) {
+        rest[_key15 - 2] = arguments[_key15];
       }
       (_logger = logger()) === null || _logger === void 0 || _logger.log.apply(_logger, [msg, opts].concat(rest));
     },
@@ -309,8 +308,8 @@ var useLogger = function useLogger(mod) {
       var _logger2;
       _ref5.module;
         var opts = _objectWithoutProperties(_ref5, _excluded2);
-      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
-        rest[_key18 - 2] = arguments[_key18];
+      for (var _len16 = arguments.length, rest = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
+        rest[_key16 - 2] = arguments[_key16];
       }
       (_logger2 = logger()) === null || _logger2 === void 0 || _logger2.debug.apply(_logger2, [msg, opts].concat(rest));
     },
@@ -318,8 +317,8 @@ var useLogger = function useLogger(mod) {
       var _logger3;
       _ref6.module;
         var opts = _objectWithoutProperties(_ref6, _excluded3);
-      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
-        rest[_key19 - 2] = arguments[_key19];
+      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
+        rest[_key17 - 2] = arguments[_key17];
       }
       (_logger3 = logger()) === null || _logger3 === void 0 || _logger3.info.apply(_logger3, [msg, opts].concat(rest));
     },
@@ -327,8 +326,8 @@ var useLogger = function useLogger(mod) {
       var _logger4;
       _ref7.module;
         var opts = _objectWithoutProperties(_ref7, _excluded4);
-      for (var _len20 = arguments.length, rest = new Array(_len20 > 2 ? _len20 - 2 : 0), _key20 = 2; _key20 < _len20; _key20++) {
-        rest[_key20 - 2] = arguments[_key20];
+      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
+        rest[_key18 - 2] = arguments[_key18];
       }
       (_logger4 = logger()) === null || _logger4 === void 0 || _logger4.error.apply(_logger4, [msg, opts].concat(rest));
     },
@@ -336,8 +335,8 @@ var useLogger = function useLogger(mod) {
       var _logger5;
       _ref8.module;
         var opts = _objectWithoutProperties(_ref8, _excluded5);
-      for (var _len21 = arguments.length, rest = new Array(_len21 > 2 ? _len21 - 2 : 0), _key21 = 2; _key21 < _len21; _key21++) {
-        rest[_key21 - 2] = arguments[_key21];
+      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+        rest[_key19 - 2] = arguments[_key19];
       }
       (_logger5 = logger()) === null || _logger5 === void 0 || _logger5.warning.apply(_logger5, [msg, opts].concat(rest));
     }

package/dist/esm/_fetch.js

@@ -24,9 +24,9 @@ var _signals = new Map();
  * @throws An error if the request fails or if the response contains an error code.
  */
 var _fetch = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
     var _ref$headers, headers, body, signal, options, _s, ac;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _ref$headers = _ref.headers, headers = _ref$headers === void 0 ? {} : _ref$headers, body = _ref.body, signal = _ref.signal;
@@ -56,29 +56,29 @@ var _fetch = /*#__PURE__*/function () {
           } else if (signal instanceof AbortSignal) {
             options.signal = signal;
           }
-          _context2.next = 7;
+          _context2.next = 1;
           return fetch(url, _objectSpread(_objectSpread({}, options), {}, {
             headers: headers
-          })).then( /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
-              return _regeneratorRuntime.wrap(function _callee$(_context) {
+          })).then(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
+              return _regeneratorRuntime.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     if (!(resp.status >= 200 && resp.status < 300)) {
-                      _context.next = 4;
+                      _context.next = 2;
                       break;
                     }
-                    _context.next = 3;
+                    _context.next = 1;
                     return resp.json();
-                  case 3:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 4:
+                  case 2:
                     throw {
                       status: resp.status,
                       code: -1,
                       message: resp.statusText
                     };
-                  case 5:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
@@ -93,7 +93,6 @@ var _fetch = /*#__PURE__*/function () {
             var code = (_ref4 = (_resp$error_code = resp.error_code) !== null && _resp$error_code !== void 0 ? _resp$error_code : resp.errorCode) !== null && _ref4 !== void 0 ? _ref4 : resp.error;
             var message = (_ref5 = (_resp$error_message = resp.error_message) !== null && _resp$error_message !== void 0 ? _resp$error_message : resp.errorMessage) !== null && _ref5 !== void 0 ? _ref5 : resp.message;
             if (resp.status === "error" || code) {
-              // eslint-disable-next-line @typescript-eslint/no-throw-literal
               throw {
                 status: 500,
                 code: code,
@@ -102,9 +101,9 @@ var _fetch = /*#__PURE__*/function () {
             }
             return resp;
           });
-        case 7:
+        case 1:
           return _context2.abrupt("return", _context2.sent);
-        case 8:
+        case 2:
         case "end":
           return _context2.stop();
       }

package/dist/esm/_getByPath.js

@@ -25,7 +25,7 @@ import { isEmpty, isNil, isObject, isArray } from './_isType.js';
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-var _get = function _get(hit, field) {
+var _get2 = function _get(hit, field) {
   /** ***************** return if object is empty *******************/
   /* istanbul ignore next */
   if (isNil(hit)) {
@@ -68,7 +68,7 @@ var _get = function _get(hit, field) {
               /** ***************** return array map of inner propeties *******************/
               return {
                 v: currentValue.map(function (val) {
-                  return _get(val, innerPath);
+                  return _get2(val, innerPath);
                 }).filter(function (val) {
                   return !isEmpty(val);
                 })
@@ -76,7 +76,7 @@ var _get = function _get(hit, field) {
             } else {
               /** ***************** return value of remaining path *******************/
               return {
-                v: _get(currentValue, innerPath)
+                v: _get2(currentValue, innerPath)
               };
             }
           }
@@ -107,7 +107,7 @@ var getByPath = function getByPath(obj, path) {
   if (isEmpty(obj) || isEmpty(path)) {
     return defaultValue;
   }
-  var value = _get(obj, path);
+  var value = _get2(obj, path);
   if (!isNil(value)) {
     return value;
   }

package/dist/esm/_isEqual.js

@@ -42,7 +42,7 @@ import { isNil, isString, isNumber, isBoolean, isObject } from './_isType.js';
  * @param {unknown} test - The second value to compare against the first.
  * @returns {boolean} - Returns true if the values are equal, false otherwise.
  */
-var isEqual = function isEqual(obj, test) {
+var _isEqual = function isEqual(obj, test) {
   if (isNil(obj) && isNil(test)) {
     return true;
   }
@@ -55,7 +55,7 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !obj.some(function (o, i) {
-      return !isEqual(o, test[i]);
+      return !_isEqual(o, test[i]);
     });
   } else if (isObject(obj) && isObject(test)) {
     var okeys = Object.keys(obj);
@@ -72,28 +72,11 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !Object.keys(obj).some(function (k) {
-      return !isEqual(obj[k], test[k]);
+      return !_isEqual(obj[k], test[k]);
     });
   }
   return false;
 };
-
-/**
- * Match a string against another string with options for equality.
- * This function checks if the base string starts with, includes, or is equal to the match string,
- * based on the specified equality condition.
- * It normalizes both strings to lowercase and ASCII format before comparison.
- * This is useful for case-insensitive and ASCII-only comparisons,
- * such as when filtering or searching through text data.
- *
- * @param {string} base - The base string to match against.
- * @param {string} match - The string to match with the base string.
- * @param {("start" | boolean)} equality - The type of match to perform:
- *                   - "start": checks if the base string starts with the match string.
- *                   - true: checks for exact equality.
- *                   - false (default): checks if the base string includes the match string.
- * @returns {boolean} - Returns true if the base string matches the conditions specified by the match string and equality.
- */
 var matchString = function matchString(base, match) {
   var equality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var _base = ascii(base).toLowerCase();
@@ -138,4 +121,4 @@ var compareValues = function compareValues() {
   };
 };
 
-export { compareValues, isEqual, matchString };
+export { compareValues, _isEqual as isEqual, matchString };

package/dist/esm/getImageColorset.js

@@ -1,5 +1,7 @@
 'use client';
 
+import chroma from 'chroma-js';
+
 /*
  * React Fabric
  * @version: 1.0.0
@@ -23,7 +25,6 @@
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-/* istanbul ignore file */
 
 /**
  * Get the color set of an image element.
@@ -41,6 +42,7 @@
  * @returns {string} A string indicating the color set of the image.
  */
 var getImageColorset = function getImageColorset(el) {
+  var transparentOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   // create canvas
   var canvas = document.createElement("canvas");
   canvas.width = Math.min(500, el.naturalWidth);
@@ -56,22 +58,32 @@ var getImageColorset = function getImageColorset(el) {
     var totalPixels = 0;
     var transparent = (data === null || data === void 0 ? void 0 : data[3]) === 0;
     for (var x = 0, len = data.length; x < len; x += 4) {
+      if (transparentOnly && data[x + 3] / 255 > 0.9) {
+        continue;
+      }
       if (data[x + 3] === 0) {
         transparent = true;
         continue;
       }
-      if (data[x + 3] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      var l = chroma([r, g, b]).lab()[0];
+      if (transparentOnly) {
+        l < 35 && (dark++, totalPixels++);
+        l > 65 && (light++, totalPixels++);
+      } else {
+        l < 50 && (dark++, totalPixels++);
+        l >= 50 && (light++, totalPixels++);
+      }
     }
+    if (totalPixels === 0) return "auto";
     var diff = light / totalPixels - dark / totalPixels;
     var ret = diff > 0 ? "light" : "dark";
-    if (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/dist/esm/index.js

@@ -49,5 +49,10 @@ var EMPTY_ARRAY = [];
 Object.freeze(EMPTY_ARRAY);
 var EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+var EMPTY_FC = function EMPTY_FC() {
+  return function () {
+    return null;
+  };
+};
 
-export { EMPTY_ARRAY, EMPTY_OBJECT };
+export { EMPTY_ARRAY, EMPTY_FC, EMPTY_OBJECT };

package/dist/esm/useLogger.js

@@ -189,16 +189,16 @@ var BROWSER = {
     (_console9 = console).error.apply(_console9, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\n")], rest));
   },
   warning: function warning(msg, opts) {
-    var _console10;
+    var _console0;
     if (+this.logLevel() < LOG_LEVEL.WARNING) return;
     var _this$makeLog9 = this.makeLog("%cWARNING", this.WARNING, opts),
-      _this$makeLog10 = _slicedToArray(_this$makeLog9, 2),
-      logs = _this$makeLog10[0],
-      colors = _this$makeLog10[1];
-    for (var _len10 = arguments.length, rest = new Array(_len10 > 2 ? _len10 - 2 : 0), _key10 = 2; _key10 < _len10; _key10++) {
-      rest[_key10 - 2] = arguments[_key10];
+      _this$makeLog0 = _slicedToArray(_this$makeLog9, 2),
+      logs = _this$makeLog0[0],
+      colors = _this$makeLog0[1];
+    for (var _len0 = arguments.length, rest = new Array(_len0 > 2 ? _len0 - 2 : 0), _key0 = 2; _key0 < _len0; _key0++) {
+      rest[_key0 - 2] = arguments[_key0];
     }
-    (_console10 = console).warn.apply(_console10, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
+    (_console0 = console).warn.apply(_console0, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
   }
 };
 var logger = function logger() {
@@ -222,7 +222,6 @@ var useLogger = function useLogger(mod) {
     timer: function timer(process) {
       var startTime = new Date().getTime();
       var nextTime = new Date().getTime();
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
       var self = this;
       var getTime = function getTime() {
         var ret = (new Date().getTime() - nextTime) / 1000;
@@ -234,8 +233,8 @@ var useLogger = function useLogger(mod) {
       };
       return {
         log: function log(msg) {
-          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
-            rest[_key11 - 1] = arguments[_key11];
+          for (var _len1 = arguments.length, rest = new Array(_len1 > 1 ? _len1 - 1 : 0), _key1 = 1; _key1 < _len1; _key1++) {
+            rest[_key1 - 1] = arguments[_key1];
           }
           return self.log.apply(self, [msg, {
             process: process,
@@ -244,8 +243,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         debug: function debug(msg) {
-          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
-            rest[_key12 - 1] = arguments[_key12];
+          for (var _len10 = arguments.length, rest = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
+            rest[_key10 - 1] = arguments[_key10];
           }
           return self.debug.apply(self, [msg, {
             process: process,
@@ -254,8 +253,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         info: function info(msg) {
-          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
-            rest[_key13 - 1] = arguments[_key13];
+          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
+            rest[_key11 - 1] = arguments[_key11];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -264,8 +263,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         error: function error(msg) {
-          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
-            rest[_key14 - 1] = arguments[_key14];
+          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
+            rest[_key12 - 1] = arguments[_key12];
           }
           return self.error.apply(self, [msg, {
             process: process,
@@ -274,8 +273,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         warning: function warning(msg) {
-          for (var _len15 = arguments.length, rest = new Array(_len15 > 1 ? _len15 - 1 : 0), _key15 = 1; _key15 < _len15; _key15++) {
-            rest[_key15 - 1] = arguments[_key15];
+          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
+            rest[_key13 - 1] = arguments[_key13];
           }
           return self.warning.apply(self, [msg, {
             process: process,
@@ -285,8 +284,8 @@ var useLogger = function useLogger(mod) {
         },
         end: function end() {
           var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "completed";
-          for (var _len16 = arguments.length, rest = new Array(_len16 > 1 ? _len16 - 1 : 0), _key16 = 1; _key16 < _len16; _key16++) {
-            rest[_key16 - 1] = arguments[_key16];
+          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
+            rest[_key14 - 1] = arguments[_key14];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -300,8 +299,8 @@ var useLogger = function useLogger(mod) {
       var _logger;
       _ref4.module;
         var opts = _objectWithoutProperties(_ref4, _excluded);
-      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
-        rest[_key17 - 2] = arguments[_key17];
+      for (var _len15 = arguments.length, rest = new Array(_len15 > 2 ? _len15 - 2 : 0), _key15 = 2; _key15 < _len15; _key15++) {
+        rest[_key15 - 2] = arguments[_key15];
       }
       (_logger = logger()) === null || _logger === void 0 || _logger.log.apply(_logger, [msg, opts].concat(rest));
     },
@@ -309,8 +308,8 @@ var useLogger = function useLogger(mod) {
       var _logger2;
       _ref5.module;
         var opts = _objectWithoutProperties(_ref5, _excluded2);
-      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
-        rest[_key18 - 2] = arguments[_key18];
+      for (var _len16 = arguments.length, rest = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
+        rest[_key16 - 2] = arguments[_key16];
       }
       (_logger2 = logger()) === null || _logger2 === void 0 || _logger2.debug.apply(_logger2, [msg, opts].concat(rest));
     },
@@ -318,8 +317,8 @@ var useLogger = function useLogger(mod) {
       var _logger3;
       _ref6.module;
         var opts = _objectWithoutProperties(_ref6, _excluded3);
-      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
-        rest[_key19 - 2] = arguments[_key19];
+      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
+        rest[_key17 - 2] = arguments[_key17];
       }
       (_logger3 = logger()) === null || _logger3 === void 0 || _logger3.info.apply(_logger3, [msg, opts].concat(rest));
     },
@@ -327,8 +326,8 @@ var useLogger = function useLogger(mod) {
       var _logger4;
       _ref7.module;
         var opts = _objectWithoutProperties(_ref7, _excluded4);
-      for (var _len20 = arguments.length, rest = new Array(_len20 > 2 ? _len20 - 2 : 0), _key20 = 2; _key20 < _len20; _key20++) {
-        rest[_key20 - 2] = arguments[_key20];
+      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
+        rest[_key18 - 2] = arguments[_key18];
       }
       (_logger4 = logger()) === null || _logger4 === void 0 || _logger4.error.apply(_logger4, [msg, opts].concat(rest));
     },
@@ -336,8 +335,8 @@ var useLogger = function useLogger(mod) {
       var _logger5;
       _ref8.module;
         var opts = _objectWithoutProperties(_ref8, _excluded5);
-      for (var _len21 = arguments.length, rest = new Array(_len21 > 2 ? _len21 - 2 : 0), _key21 = 2; _key21 < _len21; _key21++) {
-        rest[_key21 - 2] = arguments[_key21];
+      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+        rest[_key19 - 2] = arguments[_key19];
       }
       (_logger5 = logger()) === null || _logger5 === void 0 || _logger5.warning.apply(_logger5, [msg, opts].concat(rest));
     }

package/dist/types/getImageColorset.d.ts

@@ -13,4 +13,4 @@
  * @param {HTMLImageElement} el - The HTMLImageElement to analyze.
  * @returns {string} A string indicating the color set of the image.
  */
-export declare const getImageColorset: (el: HTMLImageElement) => string;
+export declare const getImageColorset: (el: HTMLImageElement, transparentOnly?: boolean) => string;

package/dist/types/index.d.ts

@@ -21,3 +21,4 @@ export { useLogger } from "./useLogger";
 export * from "./yup";
 export declare const EMPTY_ARRAY: never[];
 export declare const EMPTY_OBJECT: {};
+export declare const EMPTY_FC: () => () => null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/utilities",
-  "version": "1.0.0-beta.62",
+  "version": "1.0.0-beta.63",
   "description": "RUF: Utility package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -32,8 +32,9 @@
     "watch": "npm-run-all -p watch:rollup watch:dts"
   },
   "dependencies": {
+    "chroma-js": "~3.2.0",
     "date-fns": "~4.1.0",
-    "libphonenumber-js": "~1.12.25",
+    "libphonenumber-js": "~1.12.40",
     "numeral": "~2.0.6",
     "world-countries": "~5.1.0",
     "yup": "~1.7.1"
@@ -42,8 +43,8 @@
     "@types/numeral": "~2.0.5"
   },
   "engines": {
-    "node": ">=18.12.0",
-    "npm": ">=8.19.0"
+    "node": ">=22.18.0",
+    "npm": ">=10.8.0"
   },
-  "gitHead": "9dce2fd9bb753d67e3f8adbf50be257b4bc64242"
+  "gitHead": "6e0652b15c6384fbc316842862572e21299a5466"
 }

package/src/_fetch.ts

@@ -86,7 +86,6 @@ export const _fetch = async (
       if (resp.status >= 200 && resp.status < 300) {
         return await resp.json();
       }
-      // eslint-disable-next-line @typescript-eslint/no-throw-literal
       throw { status: resp.status, code: -1, message: resp.statusText };
     })
     .then((resp) => {
@@ -94,7 +93,6 @@ export const _fetch = async (
       const code = resp.error_code ?? resp.errorCode ?? resp.error;
       const message = resp.error_message ?? resp.errorMessage ?? resp.message;
       if (resp.status === "error" || code) {
-        // eslint-disable-next-line @typescript-eslint/no-throw-literal
         throw { status: 500, code, message };
       }
       return resp;

package/src/getImageColorset.ts

@@ -23,6 +23,8 @@
 
 /* istanbul ignore file */
 
+import chroma from "chroma-js";
+
 /**
  * Get the color set of an image element.
  * This function analyzes the pixel data of an image to determine if it is predominantly light or dark.
@@ -38,7 +40,10 @@
  * @param {HTMLImageElement} el - The HTMLImageElement to analyze.
  * @returns {string} A string indicating the color set of the image.
  */
-export const getImageColorset = (el: HTMLImageElement) => {
+export const getImageColorset = (
+  el: HTMLImageElement,
+  transparentOnly = false,
+) => {
   // create canvas
   const canvas = document.createElement("canvas");
   canvas.width = Math.min(500, el.naturalWidth);
@@ -67,23 +72,32 @@ export const getImageColorset = (el: HTMLImageElement) => {
     let transparent = data?.[3] === 0;
 
     for (let x = 0, len = data.length; x < len; x += 4) {
+      if (transparentOnly && data[x + 3] / 255 > 0.9) {
+        continue;
+      }
       if (data[x + 3] === 0) {
         transparent = true;
         continue;
       }
-      if (data[x + 3] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      const l = chroma([r, g, b]).lab()[0];
+      if (transparentOnly) {
+        l < 35 && (dark++, totalPixels++);
+        l > 65 && (light++, totalPixels++);
+      } else {
+        l < 50 && (dark++, totalPixels++);
+        l >= 50 && (light++, totalPixels++);
+      }
     }
-
+    if (totalPixels === 0) return "auto";
     const diff = light / totalPixels - dark / totalPixels;
     let ret = diff > 0 ? "light" : "dark";
-    if (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/src/index.ts

@@ -50,3 +50,5 @@ Object.freeze(EMPTY_ARRAY);
 
 export const EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+
+export const EMPTY_FC = () => () => null;

package/src/useLogger.ts

@@ -212,7 +212,6 @@ export const useLogger = (mod?: string) => ({
   timer(process: string) {
     const startTime = new Date().getTime();
     let nextTime = new Date().getTime();
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const self = this;
     const getTime = () => {
       const ret = (new Date().getTime() - nextTime) / 1000;