@yamada-ui/utils 1.5.0 → 1.5.1-dev-20240917033401

package/dist/index.js

@@ -164,25 +164,53 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/assertion.ts
-var is = (x, y) => x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
-var isNumber = (value) => typeof value === "number";
-var isNotNumber = (value) => typeof value !== "number" || Number.isNaN(value) || !Number.isFinite(value);
-var isNumeric = (value) => !isNaN(parseFloat(String(value))) && isFinite(Number(value)) && /^-?\d*\.?\d+$/.test(String(value));
-var isString = (value) => Object.prototype.toString.call(value) === "[object String]";
-var isBoolean = (value) => typeof value === "boolean";
-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") && !isArray(value);
-var isArray = (value) => Array.isArray(value);
-var isEmpty = (value) => !isArray(value) || !value.length || value.every((v) => v == null);
-var isFunction = (value) => typeof value === "function";
-var isUnit = (value) => /[0-9].*(em|rem|ex|rex|cap|rcap|ch|rch|ic|ric|lh|rlh|vw|svw|lvw|dvw|vh|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax|cm|mm|Q|in|pc|pt|px|%|cqw|cqh|cqi|cqb|cqmin|cqmax)$/.test(
-  value
-);
-var cast = (value) => value;
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
+}
+function isNumber(value) {
+  return typeof value === "number";
+}
+function isNotNumber(value) {
+  return typeof value !== "number" || Number.isNaN(value) || !Number.isFinite(value);
+}
+function isNumeric(value) {
+  return !isNaN(parseFloat(String(value))) && isFinite(Number(value)) && /^-?\d*\.?\d+$/.test(String(value));
+}
+function isString(value) {
+  return Object.prototype.toString.call(value) === "[object String]";
+}
+function isBoolean(value) {
+  return typeof value === "boolean";
+}
+function isUndefined(value) {
+  return typeof value === "undefined" && value === void 0;
+}
+function isNull(value) {
+  return value === null;
+}
+function isObject(value) {
+  return value !== null && (typeof value === "object" || typeof value === "function") && !isArray(value);
+}
+function isArray(value) {
+  return Array.isArray(value);
+}
+function isEmpty(value) {
+  return !isArray(value) || !value.length || value.every((v) => v == null);
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function isUnit(value) {
+  return /[0-9].*(em|rem|ex|rex|cap|rcap|ch|rch|ic|ric|lh|rlh|vw|svw|lvw|dvw|vh|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax|cm|mm|Q|in|pc|pt|px|%|cqw|cqh|cqi|cqb|cqmin|cqmax)$/.test(
+    value
+  );
+}
+function cast(value) {
+  return value;
+}
 
 // src/object.ts
-var omitObjectHelper = (obj, path) => {
+function omitObjectHelper(obj, path) {
   if (!path.length) return obj;
   const [primaryKey, ...restKeys] = path;
   if (restKeys.length === 0 && primaryKey in obj) {
@@ -196,28 +224,30 @@ var omitObjectHelper = (obj, path) => {
     };
   }
   return obj;
-};
-var omitObject = (obj, keys) => {
+}
+function omitObject(obj, keys) {
   return keys.reduce((prev, key) => {
     const path = isString(key) ? key.split(".") : [];
     return omitObjectHelper(prev, path);
   }, obj);
-};
-var pickObject = (obj, keys, fallbackValue = "__fallback") => keys.reduce((prev, key) => {
-  const path = isString(key) ? key.split(".") : [];
-  if (!path.length) return prev;
-  const value = getMemoizedObject(obj, key, fallbackValue);
-  if (value === fallbackValue) return prev;
-  prev = merge(
-    prev,
-    path.reduceRight(
-      (prev2, key2) => ({ [key2]: key2 === path.at(-1) ? value : prev2 }),
-      {}
-    )
-  );
-  return prev;
-}, {});
-var splitObject = (obj, keys) => {
+}
+function pickObject(obj, keys, fallbackValue = "__fallback") {
+  return keys.reduce((prev, key) => {
+    const path = isString(key) ? key.split(".") : [];
+    if (!path.length) return prev;
+    const value = getMemoizedObject(obj, key, fallbackValue);
+    if (value === fallbackValue) return prev;
+    prev = merge(
+      prev,
+      path.reduceRight(
+        (prev2, key2) => ({ [key2]: key2 === path.at(-1) ? value : prev2 }),
+        {}
+      )
+    );
+    return prev;
+  }, {});
+}
+function splitObject(obj, keys) {
   const picked = {};
   const omitted = {};
   for (const [key, value] of Object.entries(obj)) {
@@ -228,17 +258,19 @@ var splitObject = (obj, keys) => {
     }
   }
   return [picked, omitted];
-};
-var filterObject = (obj, func) => {
+}
+function 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, mergeArray = false) => {
+}
+function filterUndefined(obj) {
+  return filterObject(obj, (_, val) => val !== null && val !== void 0);
+}
+function merge(target, source, mergeArray = false) {
   let result = Object.assign({}, target);
   if (isObject(source)) {
     if (isObject(target)) {
@@ -257,8 +289,8 @@ var merge = (target, source, mergeArray = false) => {
     }
   }
   return result;
-};
-var flattenObject = (obj, { maxDepth, omitKeys, separator, shouldProcess } = {}) => {
+}
+function flattenObject(obj, { maxDepth, omitKeys, separator, shouldProcess } = {}) {
   maxDepth != null ? maxDepth : maxDepth = Infinity;
   omitKeys != null ? omitKeys : omitKeys = [];
   separator != null ? separator : separator = ".";
@@ -280,13 +312,17 @@ var flattenObject = (obj, { maxDepth, omitKeys, separator, shouldProcess } = {})
     }
     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) => {
+}
+function objectFromEntries(entries) {
+  return entries.reduce((result, [key, value]) => {
+    result[key] = value;
+    return result;
+  }, {});
+}
+function keysFormObject(obj) {
+  return Object.keys(obj);
+}
+function replaceObject(objOrArray, callBack) {
   if (isArray(objOrArray)) {
     return objOrArray.map(callBack);
   } else if (isObject(objOrArray)) {
@@ -297,18 +333,18 @@ var replaceObject = (objOrArray, callBack) => {
   } else {
     return callBack(objOrArray);
   }
-};
-var getObject = (obj, path, fallback, i) => {
+}
+function getObject(obj, path, fallback, i) {
   const k = isString(path) ? path.split(/\[(.*?)\]|\./).filter(Boolean) : [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) => {
+}
+function memoizeObject(func) {
   const cache = /* @__PURE__ */ new WeakMap();
-  const memoizedFunc = (obj, path, fallback, i) => {
+  function memoizedFunc(obj, path, fallback, i) {
     if (isUndefined(obj)) return func(obj, path, fallback);
     if (!cache.has(obj)) cache.set(obj, /* @__PURE__ */ new Map());
     const map = cache.get(obj);
@@ -316,11 +352,11 @@ var memoizeObject = (func) => {
     const value = func(obj, path, fallback, i);
     map.set(path, value);
     return value;
-  };
+  }
   return memoizedFunc;
-};
+}
 var getMemoizedObject = memoizeObject(getObject);
-var assignAfter = (target, ...sources) => {
+function assignAfter(target, ...sources) {
   if (target == null)
     throw new TypeError("Cannot convert undefined or null to object");
   const result = { ...target };
@@ -333,28 +369,36 @@ var assignAfter = (target, ...sources) => {
     }
   }
   return result;
-};
+}
 
 // src/function.ts
 var noop = () => {
 };
-var runIfFunc = (valOrFunc, ...args) => isFunction(valOrFunc) ? valOrFunc(...args) : valOrFunc;
-var handlerAll = (...funcs) => (event, ...args) => {
-  funcs.some((func) => {
-    func == null ? void 0 : func(event, ...args);
-    return event == null ? void 0 : event.defaultPrevented;
-  });
-};
-var funcAll = (...funcs) => (...args) => funcs.forEach((func) => func == null ? void 0 : func(...args));
+function runIfFunc(valOrFunc, ...args) {
+  return isFunction(valOrFunc) ? valOrFunc(...args) : valOrFunc;
+}
+function handlerAll(...funcs) {
+  return function(event, ...args) {
+    funcs.some((func) => {
+      func == null ? void 0 : func(event, ...args);
+      return event == null ? void 0 : event.defaultPrevented;
+    });
+  };
+}
+function funcAll(...funcs) {
+  return function(...args) {
+    return funcs.forEach((func) => func == null ? void 0 : func(...args));
+  };
+}
 
 // src/react.tsx
 var React = __toESM(require("react"));
-var createContext2 = ({
+function createContext2({
   strict = true,
   errorMessage = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
   name,
   defaultValue
-} = {}) => {
+} = {}) {
   const Context = React.createContext(defaultValue);
   Context.displayName = name;
   const useContext2 = () => {
@@ -373,16 +417,15 @@ var createContext2 = ({
     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 = ({
+function useUnmountEffect(callback) {
+  return React.useEffect(() => () => callback(), []);
+}
+function useIsMounted({
   rerender = false,
   delay = 0
-} = {}) => {
+} = {}) {
   const isMountedRef = React.useRef(false);
   const [isMounted, setIsMounted] = React.useState(false);
   useSafeLayoutEffect(() => {
@@ -402,24 +445,40 @@ var useIsMounted = ({
     };
   }, [delay, rerender]);
   return [React.useCallback(() => isMountedRef.current, []), 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) => isObject(val) && "current" in val;
-var assignRef = (ref, value) => {
+}
+function getValidChildren(children) {
+  return React.Children.toArray(children).filter(
+    (child) => React.isValidElement(child)
+  );
+}
+function isValidElement2(child) {
+  return React.isValidElement(child) || isString(child) || isNumber(child);
+}
+function findChildren(children, ...types) {
+  return 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];
+}
+function includesChildren(children, ...types) {
+  return 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;
+  });
+}
+function omitChildren(children, ...types) {
+  return children.filter((child) => types.every((type) => child.type !== type));
+}
+function pickChildren(children, ...types) {
+  return children.filter((child) => types.every((type) => child.type === type));
+}
+function cx(...classNames) {
+  return classNames.filter(Boolean).join(" ");
+}
+function isRefObject(val) {
+  return isObject(val) && "current" in val;
+}
+function assignRef(ref, value) {
   if (ref == null) return;
   if (typeof ref === "function") {
     ref(value);
@@ -430,14 +489,18 @@ var assignRef = (ref, value) => {
   } catch {
     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 = []) => {
+}
+function mergeRefs(...refs) {
+  return function(node) {
+    return refs.forEach((ref) => {
+      assignRef(ref, node);
+    });
+  };
+}
+function useMergeRefs(...refs) {
+  return React.useMemo(() => mergeRefs(...refs), [refs]);
+}
+function useCallbackRef(callback, deps = []) {
   const callbackRef = React.useRef(callback);
   React.useEffect(() => {
     callbackRef.current = callback;
@@ -449,8 +512,8 @@ var useCallbackRef = (callback, deps = []) => {
     },
     deps
   );
-};
-var useUpdateEffect = (callback, deps) => {
+}
+function useUpdateEffect(callback, deps) {
   const renderCycleRef = React.useRef(false);
   const effectCycleRef = React.useRef(false);
   React.useEffect(() => {
@@ -465,15 +528,15 @@ var useUpdateEffect = (callback, deps) => {
       renderCycleRef.current = false;
     };
   }, []);
-};
-var useAsync = (func, deps = []) => {
+}
+function useAsync(func, deps = []) {
   const [state, callback] = useAsyncFunc(func, deps, { loading: true });
   React.useEffect(() => {
     callback();
   }, [callback]);
   return state;
-};
-var useAsyncFunc = (func, deps = [], initialState = { loading: false }) => {
+}
+function useAsyncFunc(func, deps = [], initialState = { loading: false }) {
   const lastCallId = React.useRef(0);
   const [isMounted] = useIsMounted();
   const [state, setState] = React.useState(initialState);
@@ -499,8 +562,8 @@ var useAsyncFunc = (func, deps = [], initialState = { loading: false }) => {
     deps
   );
   return [state, callback];
-};
-var useAsyncRetry = (func, deps = []) => {
+}
+function useAsyncRetry(func, deps = []) {
   const [attempt, setAttempt] = React.useState(0);
   const state = useAsync(func, [...deps, attempt]);
   const stateLoading = state.loading;
@@ -509,43 +572,65 @@ var useAsyncRetry = (func, deps = []) => {
     setAttempt((currentAttempt) => currentAttempt + 1);
   }, [...deps, stateLoading]);
   return { ...state, retry };
-};
+}
 var createIdCounter = 0;
-var createId = (prefix) => `${prefix}-${++createIdCounter}-${(/* @__PURE__ */ new Date()).getTime()}`;
+function createId(prefix) {
+  return `${prefix}-${++createIdCounter}-${(/* @__PURE__ */ new Date()).getTime()}`;
+}
 
 // src/dom.ts
-var createdDom = () => !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var getPlatform = () => {
+function createdDom() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+function getPlatform() {
   var _a, _b;
   return (_b = (_a = navigator.userAgentData) == null ? void 0 : _a.platform) != null ? _b : navigator.platform;
-};
-var vendor = (v) => createdDom() && v.test(navigator.vendor);
-var platform = (v) => createdDom() && v.test(getPlatform());
-var isMac = () => platform(/^mac/i);
-var isApple = () => platform(/mac|iphone|ipad|ipod/i);
-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) => {
+}
+function vendor(v) {
+  return createdDom() && v.test(navigator.vendor);
+}
+function platform(v) {
+  return createdDom() && v.test(getPlatform());
+}
+function isMac() {
+  return platform(/^mac/i);
+}
+function isApple() {
+  return platform(/mac|iphone|ipad|ipod/i);
+}
+function isSafari() {
+  return isApple() && vendor(/apple/i);
+}
+function isElement(el) {
+  return el != null && typeof el == "object" && "nodeType" in el && el.nodeType === Node.ELEMENT_NODE;
+}
+function isHTMLElement(el) {
   var _a;
   if (!isElement(el)) return false;
   const win = (_a = el.ownerDocument.defaultView) != null ? _a : window;
   return el instanceof win.HTMLElement;
-};
-var isHidden = (el) => {
+}
+function isHidden(el) {
   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;
-var isVisible = (el) => el.offsetWidth > 0 && el.offsetHeight > 0;
-var hasTabIndex = (el) => el.hasAttribute("tabindex");
-var isContentEditable = (el) => {
+}
+function isDisabled(el) {
+  return Boolean(el.getAttribute("disabled")) === true || Boolean(el.getAttribute("data-disabled")) === true || Boolean(el.getAttribute("aria-disabled")) === true;
+}
+function isVisible(el) {
+  return el.offsetWidth > 0 && el.offsetHeight > 0;
+}
+function hasTabIndex(el) {
+  return el.hasAttribute("tabindex");
+}
+function isContentEditable(el) {
   const value = el.getAttribute("contenteditable");
   return value !== "false" && value != null;
-};
-var isContains = (parent, child) => {
+}
+function isContains(parent, child) {
   return parent === child || (parent == null ? void 0 : parent.contains(child));
-};
-var getPx = (value) => {
+}
+function getPx(value) {
   if (isNumber(value)) return value;
   if (isUndefined(value)) return 0;
   if (value.includes("px")) return parseFloat(value);
@@ -557,13 +642,17 @@ var getPx = (value) => {
     if (!isNaN(computedFontSize)) fontSize = computedFontSize;
   }
   return parseFloat(value) * fontSize;
-};
-var getEventRelatedTarget = (ev) => {
+}
+function getEventRelatedTarget(ev) {
   var _a;
   return (_a = ev.relatedTarget) != null ? _a : ev.currentTarget.ownerDocument.activeElement;
-};
-var dataAttr = (condition) => condition ? "" : void 0;
-var ariaAttr = (condition) => condition ? true : void 0;
+}
+function dataAttr(condition) {
+  return condition ? "" : void 0;
+}
+function ariaAttr(condition) {
+  return condition ? true : void 0;
+}
 var focusableElList = [
   "input:not(:disabled):not([disabled])",
   "select:not(:disabled):not([disabled])",
@@ -581,14 +670,14 @@ var focusableElList = [
   "*[contenteditable]"
 ];
 var focusableElSelector = focusableElList.join();
-var getAllFocusable = (container) => {
+function getAllFocusable(container) {
   const focusableEls = Array.from(
     container.querySelectorAll(focusableElSelector)
   );
   focusableEls.unshift(container);
   return focusableEls.filter((el) => isFocusable(el) && isVisible(el));
-};
-var isFocusable = (el) => {
+}
+function isFocusable(el) {
   if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) {
     return false;
   }
@@ -603,23 +692,35 @@ var isFocusable = (el) => {
   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) => {
+}
+function hasNegativeTabIndex(el) {
+  return hasTabIndex(el) && el.tabIndex === -1;
+}
+function isTabbable(el) {
+  return el ? isHTMLElement(el) && isFocusable(el) && !hasNegativeTabIndex(el) : false;
+}
+function isTouchDevice() {
+  return "ontouchstart" in window;
+}
+function getOwnerWindow(node) {
   var _a, _b;
   return (_b = (_a = getOwnerDocument(node)) == null ? void 0 : _a.defaultView) != null ? _b : window;
-};
-var getOwnerDocument = (el) => isElement(el) ? el.ownerDocument : document;
-var getActiveElement = (el) => getOwnerDocument(el).activeElement;
-var isActiveElement = (el) => {
+}
+function getOwnerDocument(el) {
+  return isElement(el) ? el.ownerDocument : document;
+}
+function getActiveElement(el) {
+  return getOwnerDocument(el).activeElement;
+}
+function isActiveElement(el) {
   return getActiveElement(el) === el;
-};
+}
 
 // src/string.ts
-var escape = (value, replaceValue = "") => value.replace(/\s+/g, replaceValue);
-var antonym = (value) => {
+function escape(value, replaceValue = "") {
+  return value.replace(/\s+/g, replaceValue);
+}
+function antonym(value) {
   switch (value) {
     case "top":
       return "bottom";
@@ -656,22 +757,38 @@ var antonym = (value) => {
     default:
       return value;
   }
-};
-var toCamelCase = (value) => value.toLowerCase().replace(/[_-](.)/g, (_, val) => val.toUpperCase()).replace(/^(.)/, (_, val) => val.toUpperCase());
-var toKebabCase = (value) => value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, "");
-var toTitleCase = (value) => value.replace(/([A-Z])/g, " $1").replace(/[_-](.)/g, (_, val) => ` ${val.toUpperCase()}`).replace(/^./, (str) => str.toUpperCase()).trim();
+}
+function toCamelCase(value) {
+  return value.toLowerCase().replace(/[_-](.)/g, (_, val) => val.toUpperCase()).replace(/^(.)/, (_, val) => val.toUpperCase());
+}
+function toKebabCase(value) {
+  return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase().replace(/^-/, "");
+}
+function toTitleCase(value) {
+  return value.replace(/([A-Z])/g, " $1").replace(/[_-](.)/g, (_, val) => ` ${val.toUpperCase()}`).replace(/^./, (str) => str.toUpperCase()).trim();
+}
 
 // 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) => {
+function toExpression(operator, ...args) {
+  return args.join(` ${operator} `).replace(/calc/g, "");
+}
+function add(...args) {
+  return `calc(${toExpression("+", ...args)})`;
+}
+function subtract(...args) {
+  return `calc(${toExpression("-", ...args)})`;
+}
+function multiply(...args) {
+  return `calc(${toExpression("*", ...args)})`;
+}
+function divide(...args) {
+  return `calc(${toExpression("/", ...args)})`;
+}
+function 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)),
@@ -737,75 +854,93 @@ var TONES = [
   900,
   950
 ];
-var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "neutral";
-var isAccessible = (colorScheme) => colorScheme === "yellow" || colorScheme === "cyan" || colorScheme === "lime";
-var getColor = (color, fallback = "#000000") => (theme = {}, colorMode = "light", breakpoint = "base") => {
-  var _a, _b, _c, _d, _e, _f;
-  const [token, tone] = color.split(".");
-  if (tone) {
-    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}.${tone}`;
-  } else {
-    const [, relatedColor] = (_f = Object.entries((_e = (_d = theme.semantics) == null ? void 0 : _d.colors) != null ? _e : {}).find(
-      ([semanticToken]) => token === semanticToken
-    )) != null ? _f : [];
-    if (relatedColor) color = relatedColor;
-  }
-  const hex = getMemoizedObject(
-    theme,
-    `colors.${color}`,
-    color
-  );
-  try {
-    if (isArray(hex)) {
-      return c.toHex(String(hex[colorMode !== "dark" ? 0 : 1]));
-    } else if (isObject(hex)) {
-      return c.toHex(String(hex[breakpoint]));
+function isGray(colorScheme) {
+  return colorScheme === "gray" || colorScheme === "neutral";
+}
+function isAccessible(colorScheme) {
+  return colorScheme === "yellow" || colorScheme === "cyan" || colorScheme === "lime";
+}
+function getColor(color, fallback = "#000000") {
+  return function(theme = {}, colorMode = "light", breakpoint = "base") {
+    var _a, _b, _c, _d, _e, _f;
+    const [token, tone] = color.split(".");
+    if (tone) {
+      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}.${tone}`;
     } else {
-      return c.toHex(String(hex));
+      const [, relatedColor] = (_f = Object.entries((_e = (_d = theme.semantics) == null ? void 0 : _d.colors) != null ? _e : {}).find(
+        ([semanticToken]) => token === semanticToken
+      )) != null ? _f : [];
+      if (relatedColor) color = relatedColor;
     }
-  } catch {
+    const hex = getMemoizedObject(
+      theme,
+      `colors.${color}`,
+      color
+    );
     try {
-      return c.toHex(fallback);
+      if (isArray(hex)) {
+        return c.toHex(String(hex[colorMode !== "dark" ? 0 : 1]));
+      } else if (isObject(hex)) {
+        return c.toHex(String(hex[breakpoint]));
+      } else {
+        return c.toHex(String(hex));
+      }
     } catch {
-      return "#000000";
+      try {
+        return c.toHex(fallback);
+      } catch {
+        return "#000000";
+      }
     }
-  }
-};
-var lightenColor = (color, amount) => (theme, colorMode, breakpoint) => {
-  const raw = getColor(color, color)(theme, colorMode, breakpoint);
-  return c.toHex(c.lighten(raw, amount / 100));
-};
-var darkenColor = (color, amount) => (theme, colorMode, breakpoint) => {
-  const raw = getColor(color, color)(theme, colorMode, breakpoint);
-  return c.toHex(c.darken(raw, amount / 100));
-};
-var tintColor = (color, amount) => (theme, colorMode, breakpoint) => {
-  const raw = getColor(color, color)(theme, colorMode, breakpoint);
-  return c.toHex(c.mix(raw, "#fff", amount / 100));
-};
-var shadeColor = (color, amount) => (theme, colorMode, breakpoint) => {
-  const raw = getColor(color, color)(theme, colorMode, breakpoint);
-  return c.toHex(c.mix(raw, "#000", amount / 100));
-};
-var transparentizeColor = (color, alpha) => (theme, colorMode, breakpoint) => {
-  const raw = getColor(color, color)(theme, colorMode, breakpoint);
-  return c.transparentize(raw, 1 - alpha);
-};
-var randomColor = ({
+  };
+}
+function lightenColor(color, amount) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.toHex(c.lighten(raw, amount / 100));
+  };
+}
+function darkenColor(color, amount) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.toHex(c.darken(raw, amount / 100));
+  };
+}
+function tintColor(color, amount) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.toHex(c.mix(raw, "#fff", amount / 100));
+  };
+}
+function shadeColor(color, amount) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.toHex(c.mix(raw, "#000", amount / 100));
+  };
+}
+function transparentizeColor(color, alpha) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.transparentize(raw, 1 - alpha);
+  };
+}
+function 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) => {
+}
+function randomHex() {
+  return `#${Math.floor(Math.random() * 16777215).toString(16).padEnd(6, "0")}`;
+}
+function randomColorFromString(str) {
   let hash = 0;
   if (str.length === 0) return hash.toString();
   for (let i = 0; i < str.length; i += 1) {
@@ -818,8 +953,8 @@ var randomColorFromString = (str) => {
     color += `00${value.toString(16)}`.substr(-2);
   }
   return color;
-};
-var randomColorFromList = (str, list) => {
+}
+function randomColorFromList(str, list) {
   let index = 0;
   if (str.length === 0) return list[0];
   for (let i = 0; i < str.length; i += 1) {
@@ -828,52 +963,66 @@ var randomColorFromList = (str, list) => {
   }
   index = (index % list.length + list.length) % list.length;
   return list[index];
-};
-var randomFromList = (list) => list[Math.floor(Math.random() * list.length)];
-var getBrightness = (color) => {
+}
+function randomFromList(list) {
+  return list[Math.floor(Math.random() * list.length)];
+}
+function getBrightness(color) {
   const [r, g, b] = c.parseToRgba(color);
   return (r * 299 + g * 587 + b * 114) / 1e3;
-};
-var isTone = (color) => (theme, colorMode, breakpoint) => {
-  const raw = theme ? getColor(color)(theme, colorMode, breakpoint) : color;
-  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";
-var convertColor = (color, fallback) => (format) => {
-  try {
-    const isAlpha = format.endsWith("a");
-    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";
+}
+function isTone(color) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = theme ? getColor(color)(theme, colorMode, breakpoint) : color;
+    const brightness = getBrightness(raw);
+    const isDark2 = brightness < 128;
+    return isDark2 ? "dark" : "light";
+  };
+}
+function isLight(color) {
+  return function(theme, colorMode) {
+    return isTone(color)(theme, colorMode) === "dark";
+  };
+}
+function isDark(color) {
+  return function(theme, colorMode) {
+    return isTone(color)(theme, colorMode) === "light";
+  };
+}
+function convertColor(color, fallback) {
+  return function(format) {
+    try {
+      const isAlpha = format.endsWith("a");
+      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";
+        } else {
+          hexa = hexa.replace(/(?<=^#([0-9a-fA-F]{6}))[0-9a-fA-F]{2}$/, "");
+        }
+        return hexa;
+      } else if (format.startsWith("hsl")) {
+        let hsla2 = c.toHsla(color);
+        if (!isAlpha) {
+          hsla2 = hsla2.replace(/hsla/, "hsl");
+          hsla2 = hsla2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
+        }
+        return hsla2;
       } else {
-        hexa = hexa.replace(/(?<=^#([0-9a-fA-F]{6}))[0-9a-fA-F]{2}$/, "");
-      }
-      return hexa;
-    } else if (format.startsWith("hsl")) {
-      let hsla2 = c.toHsla(color);
-      if (!isAlpha) {
-        hsla2 = hsla2.replace(/hsla/, "hsl");
-        hsla2 = hsla2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
-      }
-      return hsla2;
-    } else {
-      let rgba2 = c.toRgba(color);
-      if (!isAlpha) {
-        rgba2 = rgba2.replace(/rgba/, "rgb");
-        rgba2 = rgba2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
+        let rgba2 = c.toRgba(color);
+        if (!isAlpha) {
+          rgba2 = rgba2.replace(/rgba/, "rgb");
+          rgba2 = rgba2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
+        }
+        return rgba2;
       }
-      return rgba2;
+    } catch {
+      if (fallback) return convertColor(fallback)(format);
     }
-  } catch {
-    if (fallback) return convertColor(fallback)(format);
-  }
-};
-var calcFormat = (color) => {
+  };
+}
+function calcFormat(color) {
   if (color.startsWith("hsl")) {
     return color.startsWith("hsla") ? "hsla" : "hsl";
   } else if (color.startsWith("rgb")) {
@@ -881,30 +1030,32 @@ var calcFormat = (color) => {
   } else {
     return color.length === 9 ? "hexa" : "hex";
   }
-};
-var getAlpha = (color) => c.parseToRgba(color)[3];
-var alphaToHex = (a) => {
+}
+function getAlpha(color) {
+  return c.parseToRgba(color)[3];
+}
+function alphaToHex(a) {
   if (0 > a) a = 0;
   if (1 < a) a = 1;
   return Math.round(a * 255).toString(16).padStart(2, "0");
-};
-var parseToRgba2 = (color, fallback) => {
+}
+function parseToRgba2(color, fallback) {
   try {
     if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
     return c.parseToRgba(color);
   } catch {
     if (fallback) return c.parseToRgba(fallback);
   }
-};
-var parseToHsla2 = (color, fallback) => {
+}
+function parseToHsla2(color, fallback) {
   try {
     if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
     return c.parseToHsla(color);
   } catch {
     if (fallback) return c.parseToHsla(fallback);
   }
-};
-var parseToHsv = (color, fallback) => {
+}
+function parseToHsv(color, fallback) {
   var _a;
   let [r, g, b, a] = (_a = parseToRgba2(color, fallback)) != null ? _a : [255, 255, 255, 1];
   r = r / 255;
@@ -928,66 +1079,78 @@ var parseToHsv = (color, fallback) => {
       break;
   }
   return [h, s, v, a];
-};
-var rgbaTo = ([r, g, b, a], fallback) => (format = "hex") => convertColor(c.rgba(r, g, b, a), fallback)(format);
-var hslaTo = ([h, s, l, a], fallback) => (format = "hex") => convertColor(c.hsla(h, s, l, a), fallback)(format);
-var hsvTo = ([h, s, v, a], fallback) => (format = "hex") => {
-  h = h / 60;
-  let rgb = [v, v, v];
-  let i = Math.floor(h);
-  let f = h - i;
-  let p = v * (1 - s);
-  let q = v * (1 - s * f);
-  let t = v * (1 - s * (1 - f));
-  switch (i) {
-    case 0:
-    case 6:
-      rgb = [v, t, p];
-      break;
-    case 1:
-      rgb = [q, v, p];
-      break;
-    case 2:
-      rgb = [p, v, t];
-      break;
-    case 3:
-      rgb = [p, q, v];
-      break;
-    case 4:
-      rgb = [t, p, v];
-      break;
-    case 5:
-      rgb = [v, p, q];
-      break;
-  }
-  let color = `rgb(${rgb.map((v2) => Math.round(v2 * 255)).join(", ")})`;
-  if (isNumber(a)) color = color.replace(/\)$/, `, ${a})`);
-  return convertColor(color, fallback)(format);
-};
-var sameColor = (color, comparison) => {
+}
+function rgbaTo([r, g, b, a], fallback) {
+  return function(format = "hex") {
+    return convertColor(c.rgba(r, g, b, a), fallback)(format);
+  };
+}
+function hslaTo([h, s, l, a], fallback) {
+  return function(format = "hex") {
+    return convertColor(c.hsla(h, s, l, a), fallback)(format);
+  };
+}
+function hsvTo([h, s, v, a], fallback) {
+  return function(format = "hex") {
+    h = h / 60;
+    let rgb = [v, v, v];
+    let i = Math.floor(h);
+    let f = h - i;
+    let p = v * (1 - s);
+    let q = v * (1 - s * f);
+    let t = v * (1 - s * (1 - f));
+    switch (i) {
+      case 0:
+      case 6:
+        rgb = [v, t, p];
+        break;
+      case 1:
+        rgb = [q, v, p];
+        break;
+      case 2:
+        rgb = [p, v, t];
+        break;
+      case 3:
+        rgb = [p, q, v];
+        break;
+      case 4:
+        rgb = [t, p, v];
+        break;
+      case 5:
+        rgb = [v, p, q];
+        break;
+    }
+    let color = `rgb(${rgb.map((v2) => Math.round(v2 * 255)).join(", ")})`;
+    if (isNumber(a)) color = color.replace(/\)$/, `, ${a})`);
+    return convertColor(color, fallback)(format);
+  };
+}
+function sameColor(color, comparison) {
   var _a, _b;
   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];
-};
+}
 
 // src/array.ts
-var filterEmpty = (array) => array.filter((value) => value != null);
+function filterEmpty(array) {
+  return array.filter((value) => value != null);
+}
 
 // src/number.ts
-var toNumber = (n) => {
+function toNumber(n) {
   const num = parseFloat(n);
   return typeof num !== "number" || Number.isNaN(num) ? 0 : num;
-};
-var toPrecision = (n, precision) => {
+}
+function 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) => {
+}
+function countDecimal(n) {
   if (!Number.isFinite(n)) return 0;
   let e = 1;
   let p = 0;
@@ -996,57 +1159,79 @@ var countDecimal = (n) => {
     p += 1;
   }
   return p;
-};
-var roundNumberToStep = (n, from, step) => {
+}
+function 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);
+}
+function valueToPercent(n, min, max) {
+  return (n - min) * 100 / (max - min);
+}
+function percentToValue(n, min, max) {
+  return (max - min) * n + min;
+}
+function clampNumber(n, min, max) {
+  return Math.min(Math.max(n, min), max);
+}
 
 // src/event.ts
-var isMouseEvent = (ev) => {
+function 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) => {
+}
+function isTouchEvent(ev) {
+  return !!ev.touches;
+}
+function isMultiTouchEvent(ev) {
+  return isTouchEvent(ev) && ev.touches.length > 1;
+}
+function getEventWindow(ev) {
   var _a;
   return (_a = ev.view) != null ? _a : window;
-};
-var pointFromTouch = (e, type = "page") => {
+}
+function 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) => {
+}
+function pointFromMouse(point, type = "page") {
+  return {
+    x: point[`${type}X`],
+    y: point[`${type}Y`]
+  };
+}
+function getEventPoint(ev, type = "page") {
+  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type);
+}
+function addDomEvent(target, type, cb, options) {
   target.addEventListener(type, cb, options);
   return () => {
     target.removeEventListener(type, cb, options);
   };
-};
-var filter = (cb) => (ev) => {
-  const isMouse = isMouseEvent(ev);
-  if (!isMouse || isMouse && ev.button === 0) cb(ev);
-};
-var wrap = (cb, filterPrimary = false) => {
-  const listener = (ev) => cb(ev, { point: getEventPoint(ev) });
+}
+function filter(cb) {
+  return function(ev) {
+    const isMouse = isMouseEvent(ev);
+    if (!isMouse || isMouse && ev.button === 0) cb(ev);
+  };
+}
+function wrap(cb, filterPrimary = false) {
+  function listener(ev) {
+    return cb(ev, { point: getEventPoint(ev) });
+  }
   const fn = filterPrimary ? filter(listener) : listener;
   return fn;
-};
-var addPointerEvent = (target, type, cb, options) => addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
+}
+function addPointerEvent(target, type, cb, options) {
+  return addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
+}
 
 // src/module.ts
-var interopDefault = (module2) => module2.default || module2;
+function interopDefault(module2) {
+  return module2.default || module2;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   COLOR_SCHEMES,