@yamada-ui/utils 0.0.0-dev-20230606151107

package/dist/chunk-HUEOJZVC.mjs

@@ -0,0 +1,403 @@
+import {
+  isArray,
+  isFunction,
+  isNumber,
+  isObject,
+  isString
+} from "./chunk-IVGIIDMV.mjs";
+
+// src/function.ts
+var noop = () => {
+};
+var runIfFunc = (valOrFunc, ...args) => isFunction(valOrFunc) ? valOrFunc(...args) : valOrFunc;
+var handlerAll = (...funcs) => (event) => {
+  funcs.some((func) => {
+    func == null ? void 0 : func(event);
+    return event == null ? void 0 : event.defaultPrevented;
+  });
+};
+var funcAll = (...funcs) => (arg) => funcs.forEach((func) => func == null ? void 0 : func(arg));
+
+// src/react.tsx
+import * as React from "react";
+var createContext2 = ({
+  strict = true,
+  errorMessage = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
+  name
+} = {}) => {
+  const Context = React.createContext(void 0);
+  Context.displayName = name;
+  const useContext2 = () => {
+    var _a;
+    const context = React.useContext(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage);
+      error.name = "ContextError";
+      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext2);
+      throw error;
+    }
+    return context;
+  };
+  return [Context.Provider, useContext2, Context];
+};
+var useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : React.useEffect;
+var useUnmountEffect = (callback) => (
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  React.useEffect(() => () => callback(), [])
+);
+var useIsMounted = () => {
+  const isMounted = React.useRef(false);
+  useSafeLayoutEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+};
+var getValidChildren = (children) => React.Children.toArray(children).filter(
+  (child) => React.isValidElement(child)
+);
+var isValidElement2 = (child) => React.isValidElement(child) || isString(child) || isNumber(child);
+var findChildren = (children, ...types) => children.find((child) => types.some((type) => child.type === type)) ? children.sort(
+  (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;
+  const children2 = getValidChildren(child.props.children);
+  return children2.length ? includesChildren(children2, ...types) : false;
+});
+var omitChildren = (children, ...types) => children.filter((child) => types.every((type) => child.type !== type));
+var pickChildren = (children, ...types) => children.filter((child) => types.every((type) => child.type === type));
+var cx = (...classNames) => classNames.filter(Boolean).join(" ");
+var isRefObject = (val) => "current" in val;
+var assignRef = (ref, value) => {
+  if (ref == null)
+    return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  try {
+    ref.current = value;
+  } catch (error) {
+    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+  }
+};
+var mergeRefs = (...refs) => (node) => {
+  refs.forEach((ref) => {
+    assignRef(ref, node);
+  });
+};
+var useMergeRefs = (...refs) => React.useMemo(() => mergeRefs(...refs), [refs]);
+var useCallbackRef = (callback, deps = []) => {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useCallback((...args) => {
+    var _a;
+    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+  }, deps);
+};
+var useUpdateEffect = (callback, deps) => {
+  const renderCycleRef = React.useRef(false);
+  const effectCycleRef = React.useRef(false);
+  React.useEffect(() => {
+    const mounted = renderCycleRef.current;
+    const run = mounted && effectCycleRef.current;
+    if (run)
+      return callback();
+    effectCycleRef.current = true;
+  }, deps);
+  React.useEffect(() => {
+    renderCycleRef.current = true;
+    return () => {
+      renderCycleRef.current = false;
+    };
+  }, []);
+};
+
+// src/color.ts
+import { toHex, parseToRgba, transparentize, mix, darken, lighten } from "color2k";
+var getColor = (color, fallback) => (theme, colorMode) => {
+  const hex = getMemoizedObject(
+    theme,
+    `colors.${color}`,
+    color
+  );
+  try {
+    if (isArray(hex)) {
+      const [lightHex, darkHex] = hex;
+      return toHex(String(colorMode !== "dark" ? lightHex : darkHex));
+    } else {
+      return toHex(String(hex));
+    }
+  } catch {
+    return fallback != null ? fallback : "#000000";
+  }
+};
+var lightenColor = (color, amount) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  return toHex(lighten(raw, amount / 100));
+};
+var darkenColor = (color, amount) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  return toHex(darken(raw, amount / 100));
+};
+var tintColor = (color, amount) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  return toHex(mix(raw, "#fff", amount));
+};
+var shadeColor = (color, amount) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  return toHex(mix(raw, "#000", amount / 100));
+};
+var transparentizeColor = (color, alpha) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  return transparentize(raw, 1 - alpha);
+};
+var toneColor = (color, l) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  if (l < 0 || 900 < l)
+    return color;
+  let n = (l - 500) / 10;
+  const isLighten = n <= 0;
+  if (isLighten)
+    n *= -1;
+  if (n !== 0)
+    n = n - 5 * (isLighten ? 1 : -1);
+  return toHex(isLighten ? lighten(raw, n / 100) : mix(raw, "#000", n / 100));
+};
+var randomColor = ({ string, colors } = {}) => {
+  const fallback = randomHex();
+  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();
+  for (let i = 0; i < str.length; i += 1) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
+  }
+  let color = "#";
+  for (let j = 0; j < 3; j += 1) {
+    const value = hash >> j * 8 & 255;
+    color += `00${value.toString(16)}`.substr(-2);
+  }
+  return color;
+};
+var randomColorFromList = (str, list) => {
+  let index = 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;
+  }
+  index = (index % list.length + list.length) % list.length;
+  return list[index];
+};
+var randomFromList = (list) => list[Math.floor(Math.random() * list.length)];
+var getBrightness = (color) => {
+  const [r, g, b] = parseToRgba(color);
+  return (r * 299 + g * 587 + b * 114) / 1e3;
+};
+var isTone = (color) => (theme, colorMode) => {
+  const raw = getColor(color)(theme, colorMode);
+  const brightness = getBrightness(raw);
+  const isDark2 = brightness < 128;
+  return isDark2 ? "dark" : "light";
+};
+var isLight = (color) => (theme, colorMode) => isTone(color)(theme, colorMode) === "dark";
+var isDark = (color) => (theme, colorMode) => isTone(color)(theme, colorMode) === "light";
+
+// src/object.ts
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
+var pickObject = (obj, keys) => {
+  const result = {};
+  keys.forEach((key) => {
+    if (key in obj)
+      result[key] = obj[key];
+  });
+  return result;
+};
+var splitObject = (obj, keys) => {
+  const picked = {};
+  const omitted = {};
+  for (const [key, value] of Object.entries(obj)) {
+    if (keys.includes(key)) {
+      picked[key] = value;
+    } else {
+      omitted[key] = value;
+    }
+  }
+  return [picked, omitted];
+};
+var filterObject = (obj, func) => {
+  const result = {};
+  Object.entries(obj).forEach(([key, value]) => {
+    const shouldPass = func(key, value, obj);
+    if (shouldPass)
+      result[key] = value;
+  });
+  return result;
+};
+var filterUndefined = (obj) => filterObject(obj, (_, val) => val !== null && val !== void 0);
+var merge = (target, source, overrideArray = false) => {
+  let result = Object.assign({}, target);
+  if (isObject(target) && isObject(source)) {
+    for (const [sourceKey, sourceValue] of Object.entries(source)) {
+      const targetValue = target[sourceKey];
+      if (overrideArray && Array.isArray(sourceValue) && Array.isArray(targetValue)) {
+        result[sourceKey] = targetValue.concat(...sourceValue);
+      } else if (!isFunction(sourceValue) && isObject(sourceValue) && target.hasOwnProperty(sourceKey)) {
+        result[sourceKey] = merge(targetValue, sourceValue, overrideArray);
+      } else {
+        Object.assign(result, { [sourceKey]: sourceValue });
+      }
+    }
+  }
+  return result;
+};
+var flattenObject = (obj, maxDepth = Infinity) => {
+  if (!isObject(obj) && !isArray(obj) || !maxDepth)
+    return obj;
+  return Object.entries(obj).reduce((result, [key, value]) => {
+    if (isObject(value)) {
+      Object.entries(flattenObject(value, maxDepth - 1)).forEach(([childKey, childValue]) => {
+        result[`${key}.${childKey}`] = childValue;
+      });
+    } else {
+      result[key] = value;
+    }
+    return result;
+  }, {});
+};
+var objectFromEntries = (entries) => entries.reduce((result, [key, value]) => {
+  result[key] = value;
+  return result;
+}, {});
+var keysFormObject = (obj) => Object.keys(obj);
+var replaceObject = (objOrArray, callBack) => {
+  if (isArray(objOrArray)) {
+    return objOrArray.map(callBack);
+  } else if (isObject(objOrArray)) {
+    return Object.entries(objOrArray).reduce((obj, [key, value]) => {
+      obj[key] = callBack(value);
+      return obj;
+    }, {});
+  } else {
+    return callBack(objOrArray);
+  }
+};
+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;
+    obj = obj[k[i]];
+  }
+  return obj === void 0 ? fallback : obj;
+};
+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());
+    const map = cache.get(obj);
+    if (map.has(path))
+      return map.get(path);
+    const value = func(obj, path, fallback, i);
+    map.set(path, value);
+    return value;
+  };
+  return memoizedFunc;
+};
+var getMemoizedObject = memoizeObject(getObject);
+var assignAfter = (target, ...sources) => {
+  if (target == null)
+    throw new TypeError("Cannot convert undefined or null to object");
+  const result = { ...target };
+  for (const nextSource of sources) {
+    if (nextSource == null)
+      continue;
+    for (const nextKey in nextSource) {
+      if (!Object.prototype.hasOwnProperty.call(nextSource, nextKey))
+        continue;
+      if (nextKey in result)
+        delete result[nextKey];
+      result[nextKey] = nextSource[nextKey];
+    }
+  }
+  return result;
+};
+
+export {
+  omitObject,
+  pickObject,
+  splitObject,
+  filterObject,
+  filterUndefined,
+  merge,
+  flattenObject,
+  objectFromEntries,
+  keysFormObject,
+  replaceObject,
+  getObject,
+  memoizeObject,
+  getMemoizedObject,
+  assignAfter,
+  noop,
+  runIfFunc,
+  handlerAll,
+  funcAll,
+  createContext2 as createContext,
+  useSafeLayoutEffect,
+  useUnmountEffect,
+  useIsMounted,
+  getValidChildren,
+  isValidElement2 as isValidElement,
+  findChildren,
+  includesChildren,
+  omitChildren,
+  pickChildren,
+  cx,
+  isRefObject,
+  assignRef,
+  mergeRefs,
+  useMergeRefs,
+  useCallbackRef,
+  useUpdateEffect,
+  getColor,
+  lightenColor,
+  darkenColor,
+  tintColor,
+  shadeColor,
+  transparentizeColor,
+  toneColor,
+  randomColor,
+  isTone,
+  isLight,
+  isDark
+};

package/dist/chunk-IVGIIDMV.mjs

@@ -0,0 +1,28 @@
+// src/assertion.ts
+var isNumber = (value) => typeof value === "number";
+var isNotNumber = (value) => typeof value !== "number" || Number.isNaN(value) || !Number.isFinite(value);
+var isNumeric = (value) => value != null && parseFloat(value.toString()) - parseFloat(value.toString()) + 1 >= 0;
+var isString = (value) => Object.prototype.toString.call(value) === "[object String]";
+var isUndefined = (value) => typeof value === "undefined" && value === void 0;
+var isNull = (value) => value === null;
+var isObject = (value) => value !== null && (typeof value === "object" || typeof value === "function") && !Array.isArray(value);
+var isArray = (value) => Array.isArray(value);
+var isEmpty = (value) => !Array.isArray(value) || !value.length || value.every((v) => v == null);
+var isFunction = (value) => typeof value === "function";
+var isUnit = (value) => /[0-9].*[px|rem|em|%|vw|vh]$/.test(value);
+var cast = (value) => value;
+
+export {
+  isNumber,
+  isNotNumber,
+  isNumeric,
+  isString,
+  isUndefined,
+  isNull,
+  isObject,
+  isArray,
+  isEmpty,
+  isFunction,
+  isUnit,
+  cast
+};

package/dist/chunk-PF7LRFIA.mjs

@@ -0,0 +1,51 @@
+// src/event.ts
+var isMouseEvent = (ev) => {
+  const win = getEventWindow(ev);
+  if (typeof win.PointerEvent !== "undefined" && ev instanceof win.PointerEvent)
+    return !!(ev.pointerType === "mouse");
+  return ev instanceof win.MouseEvent;
+};
+var isTouchEvent = (ev) => !!ev.touches;
+var isMultiTouchEvent = (ev) => isTouchEvent(ev) && ev.touches.length > 1;
+var getEventWindow = (ev) => {
+  var _a;
+  return (_a = ev.view) != null ? _a : window;
+};
+var pointFromTouch = (e, type = "page") => {
+  const point = e.touches[0] || e.changedTouches[0];
+  return { x: point[`${type}X`], y: point[`${type}Y`] };
+};
+var pointFromMouse = (point, type = "page") => ({
+  x: point[`${type}X`],
+  y: point[`${type}Y`]
+});
+var getEventPoint = (ev, type = "page") => isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type);
+var addDomEvent = (target, type, cb, options) => {
+  target.addEventListener(type, cb, options);
+  return () => {
+    target.removeEventListener(type, cb, options);
+  };
+};
+var filter = (cb) => (event) => {
+  const isMouse = isMouseEvent(event);
+  if (!isMouse || isMouse && event.button === 0)
+    cb(event);
+};
+var wrap = (cb, filterPrimary = false) => {
+  const listener = (event) => cb(event, { point: getEventPoint(event) });
+  const fn = filterPrimary ? filter(listener) : listener;
+  return fn;
+};
+var addPointerEvent = (target, type, cb, options) => addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
+
+export {
+  isMouseEvent,
+  isTouchEvent,
+  isMultiTouchEvent,
+  getEventWindow,
+  pointFromTouch,
+  pointFromMouse,
+  getEventPoint,
+  addDomEvent,
+  addPointerEvent
+};

package/dist/chunk-PURW64JE.mjs

@@ -0,0 +1,6 @@
+// src/array.ts
+var filterEmpty = (array) => array.filter((value) => value != null);
+
+export {
+  filterEmpty
+};

package/dist/chunk-R5OUKGQ5.mjs

@@ -0,0 +1,31 @@
+// src/calc.ts
+var toExpression = (operator, ...args) => args.join(` ${operator} `).replace(/calc/g, "");
+var add = (...args) => `calc(${toExpression("+", ...args)})`;
+var subtract = (...args) => `calc(${toExpression("-", ...args)})`;
+var multiply = (...args) => `calc(${toExpression("*", ...args)})`;
+var divide = (...args) => `calc(${toExpression("/", ...args)})`;
+var negate = (value) => {
+  if (value != null && !isNaN(parseFloat(value.toString())))
+    return String(value).startsWith("-") ? String(value).slice(1) : `-${value}`;
+  return multiply(value, -1);
+};
+var calc = Object.assign(
+  (x) => ({
+    add: (...args) => calc(add(x, ...args)),
+    subtract: (...args) => calc(subtract(x, ...args)),
+    multiply: (...args) => calc(multiply(x, ...args)),
+    divide: (...args) => calc(divide(x, ...args)),
+    negate: () => calc(negate(x))
+  }),
+  {
+    add,
+    subtract,
+    multiply,
+    divide,
+    negate
+  }
+);
+
+export {
+  calc
+};

package/dist/chunk-VYMGBE25.mjs

@@ -0,0 +1,39 @@
+// src/number.ts
+var toNumber = (n) => {
+  const num = parseFloat(n);
+  return typeof num !== "number" || Number.isNaN(num) ? 0 : num;
+};
+var toPrecision = (n, precision) => {
+  n = toNumber(n);
+  const scale = 10 ** (precision != null ? precision : 10);
+  n = Math.round(n * scale) / scale;
+  return precision ? n.toFixed(precision) : n.toString();
+};
+var countDecimal = (n) => {
+  if (!Number.isFinite(n))
+    return 0;
+  let e = 1;
+  let p = 0;
+  while (Math.round(n * e) / e !== n) {
+    e *= 10;
+    p += 1;
+  }
+  return p;
+};
+var roundNumberToStep = (n, from, step) => {
+  const nextValue = Math.round((n - from) / step) * step + from;
+  const precision = countDecimal(step);
+  return toPrecision(nextValue, precision);
+};
+var valueToPercent = (n, min, max) => (n - min) * 100 / (max - min);
+var percentToValue = (n, min, max) => (max - min) * n + min;
+var clampNumber = (n, min, max) => Math.min(Math.max(n, min), max);
+
+export {
+  toPrecision,
+  countDecimal,
+  roundNumberToStep,
+  valueToPercent,
+  percentToValue,
+  clampNumber
+};

package/dist/color.d.ts

@@ -0,0 +1,18 @@
+import { Dict } from './index.types.js';
+
+declare const getColor: (color: string, fallback?: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const lightenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const darkenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const tintColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const shadeColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const transparentizeColor: (color: string, alpha: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const toneColor: (color: string, l: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
+declare const randomColor: ({ string, colors }?: {
+    string?: string | undefined;
+    colors?: string[] | undefined;
+}) => string;
+declare const isTone: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => "light" | "dark";
+declare const isLight: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
+declare const isDark: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
+
+export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };