@yamada-ui/utils 1.2.1 → 1.3.0-dev-20240618074731

package/dist/index.js

@@ -107,6 +107,7 @@ __export(src_exports, {
   isString: () => isString,
   isTabbable: () => isTabbable,
   isTone: () => isTone,
+  isTouchDevice: () => isTouchDevice,
   isTouchEvent: () => isTouchEvent,
   isUndefined: () => isUndefined,
   isUnit: () => isUnit,
@@ -175,8 +176,7 @@ var cast = (value) => value;
 
 // src/object.ts
 var omitObjectHelper = (obj, path) => {
-  if (!path.length)
-    return obj;
+  if (!path.length) return obj;
   const [primaryKey, ...restKeys] = path;
   if (restKeys.length === 0 && primaryKey in obj) {
     const { [primaryKey]: _, ...rest } = obj;
@@ -198,11 +198,9 @@ var omitObject = (obj, keys) => {
 };
 var pickObject = (obj, keys, fallbackValue = "__fallback") => keys.reduce((prev, key) => {
   const path = isString(key) ? key.split(".") : [];
-  if (!path.length)
-    return prev;
+  if (!path.length) return prev;
   const value = getMemoizedObject(obj, key, fallbackValue);
-  if (value === fallbackValue)
-    return prev;
+  if (value === fallbackValue) return prev;
   prev = merge(
     prev,
     path.reduceRight(
@@ -228,8 +226,7 @@ var filterObject = (obj, func) => {
   const result = {};
   Object.entries(obj).forEach(([key, value]) => {
     const shouldPass = func(key, value, obj);
-    if (shouldPass)
-      result[key] = value;
+    if (shouldPass) result[key] = value;
   });
   return result;
 };
@@ -255,8 +252,7 @@ var merge = (target, source, mergeArray = false) => {
   return result;
 };
 var flattenObject = (obj, maxDepth = Infinity, omitKeys = []) => {
-  if (!isObject(obj) && !isArray(obj) || !maxDepth)
-    return obj;
+  if (!isObject(obj) && !isArray(obj) || !maxDepth) return obj;
   return Object.entries(obj).reduce((result, [key, value]) => {
     if (isObject(value) && !Object.keys(value).some((key2) => omitKeys.includes(key2))) {
       Object.entries(flattenObject(value, maxDepth - 1, omitKeys)).forEach(
@@ -290,8 +286,7 @@ var replaceObject = (objOrArray, callBack) => {
 var getObject = (obj, path, fallback, i) => {
   const k = typeof path === "string" ? path.split(".") : [path];
   for (i = 0; i < k.length; i += 1) {
-    if (!obj)
-      break;
+    if (!obj) break;
     obj = obj[k[i]];
   }
   return obj === void 0 ? fallback : obj;
@@ -299,13 +294,10 @@ var getObject = (obj, path, fallback, i) => {
 var memoizeObject = (func) => {
   const cache = /* @__PURE__ */ new WeakMap();
   const memoizedFunc = (obj, path, fallback, i) => {
-    if (typeof obj === "undefined")
-      return func(obj, path, fallback);
-    if (!cache.has(obj))
-      cache.set(obj, /* @__PURE__ */ new Map());
+    if (typeof obj === "undefined") return func(obj, path, fallback);
+    if (!cache.has(obj)) cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);
-    if (map.has(path))
-      return map.get(path);
+    if (map.has(path)) return map.get(path);
     const value = func(obj, path, fallback, i);
     map.set(path, value);
     return value;
@@ -318,13 +310,10 @@ var assignAfter = (target, ...sources) => {
     throw new TypeError("Cannot convert undefined or null to object");
   const result = { ...target };
   for (const nextSource of sources) {
-    if (nextSource == null)
-      continue;
+    if (nextSource == null) continue;
     for (const nextKey in nextSource) {
-      if (!Object.prototype.hasOwnProperty.call(nextSource, nextKey))
-        continue;
-      if (nextKey in result)
-        delete result[nextKey];
+      if (!Object.prototype.hasOwnProperty.call(nextSource, nextKey)) continue;
+      if (nextKey in result) delete result[nextKey];
       result[nextKey] = nextSource[nextKey];
     }
   }
@@ -393,10 +382,8 @@ var useIsMounted = ({
     }
     return () => {
       isMountedRef.current = false;
-      if (rerender)
-        setIsMounted(false);
-      if (timeoutId)
-        clearTimeout(timeoutId);
+      if (rerender) setIsMounted(false);
+      if (timeoutId) clearTimeout(timeoutId);
     };
   }, [delay, rerender]);
   return [React.useCallback(() => isMountedRef.current, []), isMounted];
@@ -409,8 +396,7 @@ var findChildren = (children, ...types) => children.find((child) => types.some((
   (a, b) => types.some((type) => a.type === type) ? -1 : types.some((type) => b.type === type) ? 1 : 0
 ) : [void 0, ...children];
 var includesChildren = (children, ...types) => children.some((child) => {
-  if (types.some((type) => child.type === type))
-    return true;
+  if (types.some((type) => child.type === type)) return true;
   const children2 = getValidChildren(child.props.children);
   return children2.length ? includesChildren(children2, ...types) : false;
 });
@@ -419,8 +405,7 @@ var pickChildren = (children, ...types) => children.filter((child) => types.ever
 var cx = (...classNames) => classNames.filter(Boolean).join(" ");
 var isRefObject = (val) => isObject(val) && "current" in val;
 var assignRef = (ref, value) => {
-  if (ref == null)
-    return;
+  if (ref == null) return;
   if (typeof ref === "function") {
     ref(value);
     return;
@@ -456,8 +441,7 @@ var useUpdateEffect = (callback, deps) => {
   React.useEffect(() => {
     const mounted = renderCycleRef.current;
     const run = mounted && effectCycleRef.current;
-    if (run)
-      return callback();
+    if (run) return callback();
     effectCycleRef.current = true;
   }, deps);
   React.useEffect(() => {
@@ -506,8 +490,7 @@ var useAsyncRetry = (func, deps = []) => {
   const state = useAsync(func, [...deps, attempt]);
   const stateLoading = state.loading;
   const retry = React.useCallback(() => {
-    if (stateLoading)
-      return;
+    if (stateLoading) return;
     setAttempt((currentAttempt) => currentAttempt + 1);
   }, [...deps, stateLoading]);
   return { ...state, retry };
@@ -529,14 +512,12 @@ var isSafari = () => isApple() && vendor(/apple/i);
 var isElement = (el) => el != null && typeof el == "object" && "nodeType" in el && el.nodeType === Node.ELEMENT_NODE;
 var isHTMLElement = (el) => {
   var _a;
-  if (!isElement(el))
-    return false;
+  if (!isElement(el)) return false;
   const win = (_a = el.ownerDocument.defaultView) != null ? _a : window;
   return el instanceof win.HTMLElement;
 };
 var isHidden = (el) => {
-  if (el.parentElement && isHidden(el.parentElement))
-    return true;
+  if (el.parentElement && isHidden(el.parentElement)) return true;
   return el.hidden;
 };
 var isDisabled = (el) => Boolean(el.getAttribute("disabled")) === true || Boolean(el.getAttribute("data-disabled")) === true || Boolean(el.getAttribute("aria-disabled")) === true;
@@ -550,19 +531,15 @@ var isContains = (parent, child) => {
   return parent === child || (parent == null ? void 0 : parent.contains(child));
 };
 var getPx = (value) => {
-  if (isNumber(value))
-    return value;
-  if (isUndefined(value))
-    return 0;
-  if (value.includes("px"))
-    return parseFloat(value);
+  if (isNumber(value)) return value;
+  if (isUndefined(value)) return 0;
+  if (value.includes("px")) return parseFloat(value);
   const isBrowser = createdDom();
   let fontSize = 16;
   if (isBrowser) {
     const style = window.getComputedStyle(document.documentElement);
     const computedFontSize = parseFloat(style.fontSize);
-    if (!isNaN(computedFontSize))
-      fontSize = computedFontSize;
+    if (!isNaN(computedFontSize)) fontSize = computedFontSize;
   }
   return parseFloat(value) * fontSize;
 };
@@ -602,21 +579,19 @@ var isFocusable = (el) => {
   }
   const { localName } = el;
   const focusableTags = ["input", "select", "textarea", "button"];
-  if (focusableTags.indexOf(localName) >= 0)
-    return true;
+  if (focusableTags.indexOf(localName) >= 0) return true;
   const others = {
     a: () => el.hasAttribute("href"),
     audio: () => el.hasAttribute("controls"),
     video: () => el.hasAttribute("controls")
   };
-  if (localName in others)
-    return others[localName]();
-  if (isContentEditable(el))
-    return true;
+  if (localName in others) return others[localName]();
+  if (isContentEditable(el)) return true;
   return hasTabIndex(el);
 };
 var hasNegativeTabIndex = (el) => hasTabIndex(el) && el.tabIndex === -1;
 var isTabbable = (el) => el ? isHTMLElement(el) && isFocusable(el) && !hasNegativeTabIndex(el) : false;
+var isTouchDevice = () => "ontouchstart" in window;
 var getOwnerWindow = (node) => {
   var _a, _b;
   return (_b = (_a = getOwnerDocument(node)) == null ? void 0 : _a.defaultView) != null ? _b : window;
@@ -722,8 +697,7 @@ var getColor = (color, fallback = "#000000") => (theme = {}, colorMode) => {
   const [, relatedToken] = (_c = Object.entries((_b = (_a = theme.semantics) == null ? void 0 : _a.colorSchemes) != null ? _b : {}).find(
     ([semanticToken]) => token === semanticToken
   )) != null ? _c : [];
-  if (relatedToken)
-    color = `${relatedToken}.${hue}`;
+  if (relatedToken) color = `${relatedToken}.${hue}`;
   const hex = getMemoizedObject(theme, `colors.${color}`, color);
   try {
     if (isArray(hex)) {
@@ -764,19 +738,15 @@ var randomColor = ({
   colors
 } = {}) => {
   const fallback = randomHex();
-  if (string && colors)
-    return randomColorFromList(string, colors);
-  if (string && !colors)
-    return randomColorFromString(string);
-  if (colors && !string)
-    return randomFromList(colors);
+  if (string && colors) return randomColorFromList(string, colors);
+  if (string && !colors) return randomColorFromString(string);
+  if (colors && !string) return randomFromList(colors);
   return fallback;
 };
 var randomHex = () => `#${Math.floor(Math.random() * 16777215).toString(16).padEnd(6, "0")}`;
 var randomColorFromString = (str) => {
   let hash = 0;
-  if (str.length === 0)
-    return hash.toString();
+  if (str.length === 0) return hash.toString();
   for (let i = 0; i < str.length; i += 1) {
     hash = str.charCodeAt(i) + ((hash << 5) - hash);
     hash = hash & hash;
@@ -790,8 +760,7 @@ var randomColorFromString = (str) => {
 };
 var randomColorFromList = (str, list) => {
   let index = 0;
-  if (str.length === 0)
-    return list[0];
+  if (str.length === 0) return list[0];
   for (let i = 0; i < str.length; i += 1) {
     index = str.charCodeAt(i) + ((index << 5) - index);
     index = index & index;
@@ -815,13 +784,11 @@ var isDark = (color) => (theme, colorMode) => isTone(color)(theme, colorMode) ==
 var convertColor = (color, fallback) => (format) => {
   try {
     const isAlpha = format.endsWith("a");
-    if (/^[0-9a-fA-F]{6}$/.test(color))
-      color = "#" + color;
+    if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
     if (format.startsWith("hex")) {
       let hexa = c.toHex(color);
       if (isAlpha) {
-        if (hexa.length === 7)
-          hexa += "ff";
+        if (hexa.length === 7) hexa += "ff";
       } else {
         hexa = hexa.replace(/(?<=^#([0-9a-fA-F]{6}))[0-9a-fA-F]{2}$/, "");
       }
@@ -842,8 +809,7 @@ var convertColor = (color, fallback) => (format) => {
       return rgba2;
     }
   } catch {
-    if (fallback)
-      return convertColor(fallback)(format);
+    if (fallback) return convertColor(fallback)(format);
   }
 };
 var calcFormat = (color) => {
@@ -857,30 +823,24 @@ var calcFormat = (color) => {
 };
 var getAlpha = (color) => c.parseToRgba(color)[3];
 var alphaToHex = (a) => {
-  if (0 > a)
-    a = 0;
-  if (1 < a)
-    a = 1;
+  if (0 > a) a = 0;
+  if (1 < a) a = 1;
   return Math.round(a * 255).toString(16).padStart(2, "0");
 };
 var parseToRgba2 = (color, fallback) => {
   try {
-    if (/^[0-9a-fA-F]{6}$/.test(color))
-      color = "#" + color;
+    if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
     return c.parseToRgba(color);
   } catch {
-    if (fallback)
-      return c.parseToRgba(fallback);
+    if (fallback) return c.parseToRgba(fallback);
   }
 };
 var parseToHsla2 = (color, fallback) => {
   try {
-    if (/^[0-9a-fA-F]{6}$/.test(color))
-      color = "#" + color;
+    if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
     return c.parseToHsla(color);
   } catch {
-    if (fallback)
-      return c.parseToHsla(fallback);
+    if (fallback) return c.parseToHsla(fallback);
   }
 };
 var parseToHsv = (color, fallback) => {
@@ -940,16 +900,13 @@ var hsvTo = ([h, s, v, a], fallback) => (format = "hex") => {
       break;
   }
   let color = `rgb(${rgb.map((v2) => Math.round(v2 * 255)).join(", ")})`;
-  if (isNumber(a))
-    color = color.replace(/\)$/, `, ${a})`);
+  if (isNumber(a)) color = color.replace(/\)$/, `, ${a})`);
   return convertColor(color, fallback)(format);
 };
 var sameColor = (color, comparison) => {
   var _a, _b;
-  if (!color)
-    return false;
-  if (!comparison)
-    return false;
+  if (!color) return false;
+  if (!comparison) return false;
   const a = (_a = parseToRgba2(color)) != null ? _a : [];
   const b = (_b = parseToRgba2(comparison)) != null ? _b : [];
   return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3];
@@ -970,8 +927,7 @@ var toPrecision = (n, precision) => {
   return precision ? n.toFixed(precision) : n.toString();
 };
 var countDecimal = (n) => {
-  if (!Number.isFinite(n))
-    return 0;
+  if (!Number.isFinite(n)) return 0;
   let e = 1;
   let p = 0;
   while (Math.round(n * e) / e !== n) {
@@ -1019,8 +975,7 @@ var addDomEvent = (target, type, cb, options) => {
 };
 var filter = (cb) => (ev) => {
   const isMouse = isMouseEvent(ev);
-  if (!isMouse || isMouse && ev.button === 0)
-    cb(ev);
+  if (!isMouse || isMouse && ev.button === 0) cb(ev);
 };
 var wrap = (cb, filterPrimary = false) => {
   const listener = (ev) => cb(ev, { point: getEventPoint(ev) });
@@ -1110,6 +1065,7 @@ var interopDefault = (module2) => module2.default || module2;
   isString,
   isTabbable,
   isTone,
+  isTouchDevice,
   isTouchEvent,
   isUndefined,
   isUnit,