@yamada-ui/utils 1.5.2 → 1.5.3-dev-20241006032009

package/dist/index.js

@@ -93,6 +93,7 @@ __export(src_exports, {
   isDisabled: () => isDisabled,
   isElement: () => isElement,
   isEmpty: () => isEmpty,
+  isEmptyObject: () => isEmptyObject,
   isFocusable: () => isFocusable,
   isFunction: () => isFunction,
   isGray: () => isGray,
@@ -165,6 +166,11 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/array.ts
+function filterEmpty(array) {
+  return array.filter((value) => value != null);
+}
+
 // src/assertion.ts
 function is(x, y) {
   return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
@@ -185,7 +191,7 @@ function isBoolean(value) {
   return typeof value === "boolean";
 }
 function isUndefined(value) {
-  return typeof value === "undefined" && value === void 0;
+  return typeof value === "undefined";
 }
 function isNull(value) {
   return value === null;
@@ -199,6 +205,9 @@ function isArray(value) {
 function isEmpty(value) {
   return !isArray(value) || !value.length || value.every((v) => v == null);
 }
+function isEmptyObject(value) {
+  return isObject(value) && !Object.keys(value).length;
+}
 function isFunction(value) {
   return typeof value === "function";
 }
@@ -211,15 +220,57 @@ function cast(value) {
   return value;
 }
 
+// src/calc.ts
+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 (!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)),
+    divide: (...args) => calc(divide(x, ...args)),
+    multiply: (...args) => calc(multiply(x, ...args)),
+    negate: () => calc(negate(x)),
+    subtract: (...args) => calc(subtract(x, ...args)),
+    toString: () => x.toString()
+  }),
+  {
+    add,
+    divide,
+    multiply,
+    negate,
+    subtract
+  }
+);
+
+// src/color.ts
+var c = __toESM(require("color2k"));
+
 // src/object.ts
 function omitObjectHelper(obj, path) {
   if (!path.length) return obj;
   const [primaryKey, ...restKeys] = path;
-  if (restKeys.length === 0 && primaryKey in obj) {
+  if (restKeys.length === 0 && primaryKey && primaryKey in obj) {
     const { [primaryKey]: _, ...rest } = obj;
     return rest;
   }
-  if (obj[primaryKey] && isObject(obj[primaryKey])) {
+  if (primaryKey && obj[primaryKey] && isObject(obj[primaryKey])) {
     return {
       ...obj,
       [primaryKey]: omitObjectHelper(obj[primaryKey], restKeys)
@@ -298,7 +349,7 @@ function flattenObject(obj, { maxDepth, omitKeys, separator, shouldProcess } = {
   separator != null ? separator : separator = ".";
   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 == null ? void 0 : omitKeys.includes(key2)) && (!shouldProcess || shouldProcess(value))) {
+    if (isObject(value) && !Object.keys(value).some((key2) => omitKeys.includes(key2)) && (!shouldProcess || shouldProcess(value))) {
       Object.entries(
         flattenObject(value, {
           maxDepth: maxDepth - 1,
@@ -337,10 +388,11 @@ function replaceObject(objOrArray, callBack) {
   }
 }
 function getObject(obj, path, fallback, i) {
-  const k = isString(path) ? path.split(/\[(.*?)\]|\./).filter(Boolean) : [path];
-  for (i = 0; i < k.length; i += 1) {
+  const keys = isString(path) ? path.split(/\[(.*?)\]|\./).filter(Boolean) : [path];
+  for (i = 0; i < keys.length; i += 1) {
     if (!obj) break;
-    obj = obj[k[i]];
+    const key = keys[i];
+    obj = key ? obj[key] : void 0;
   }
   return obj === void 0 ? fallback : obj;
 }
@@ -359,8 +411,6 @@ function memoizeObject(func) {
 }
 var getMemoizedObject = memoizeObject(getObject);
 function 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;
@@ -373,251 +423,338 @@ function assignAfter(target, ...sources) {
   return result;
 }
 
-// src/function.ts
-var noop = () => {
-};
-function runIfFunc(valOrFunc, ...args) {
-  return isFunction(valOrFunc) ? valOrFunc(...args) : valOrFunc;
+// src/color.ts
+var SEMANTIC_COLOR_SCHEMES = [
+  "mono",
+  "primary",
+  "secondary",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "link"
+];
+var COLOR_SCHEMES = [
+  "gray",
+  "neutral",
+  "red",
+  "rose",
+  "pink",
+  "flashy",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia"
+];
+var TONES = [
+  50,
+  100,
+  200,
+  300,
+  400,
+  500,
+  600,
+  700,
+  800,
+  900,
+  950
+];
+function isGray(colorScheme) {
+  return colorScheme === "gray" || colorScheme === "neutral";
 }
-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 isAccessible(colorScheme) {
+  return colorScheme === "yellow" || colorScheme === "cyan" || colorScheme === "lime";
 }
-function funcAll(...funcs) {
-  return function(...args) {
-    return funcs.forEach((func) => func == null ? void 0 : func(...args));
+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 {
+      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]));
+      } else {
+        return c.toHex(String(hex));
+      }
+    } catch {
+      try {
+        return c.toHex(fallback);
+      } catch {
+        return "#000000";
+      }
+    }
   };
 }
-
-// src/react.tsx
-var React = __toESM(require("react"));
-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 = () => {
-    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;
+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));
   };
-  return [
-    Context.Provider,
-    useContext2,
-    Context
-  ];
 }
-var useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React.useLayoutEffect : React.useEffect;
-function useUnmountEffect(callback) {
-  return React.useEffect(() => () => callback(), []);
+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 useIsMounted({
-  rerender = false,
-  delay = 0
-} = {}) {
-  const isMountedRef = React.useRef(false);
-  const [isMounted, setIsMounted] = React.useState(false);
-  useSafeLayoutEffect(() => {
-    isMountedRef.current = true;
-    let timeoutId = null;
-    if (rerender) {
-      if (delay > 0) {
-        timeoutId = setTimeout(() => setIsMounted(true), delay);
-      } else {
-        setIsMounted(true);
-      }
-    }
-    return () => {
-      isMountedRef.current = false;
-      if (rerender) setIsMounted(false);
-      if (timeoutId) clearTimeout(timeoutId);
-    };
-  }, [delay, rerender]);
-  return [React.useCallback(() => isMountedRef.current, []), isMounted];
+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 getValidChildren(children) {
-  return React.Children.toArray(children).filter(
-    (child) => React.isValidElement(child)
-  );
+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 isValidElement2(child) {
-  return React.isValidElement(child) || isString(child) || isNumber(child);
+function transparentizeColor(color, alpha) {
+  return function(theme, colorMode, breakpoint) {
+    const raw = getColor(color, color)(theme, colorMode, breakpoint);
+    return c.transparentize(raw, 1 - alpha);
+  };
 }
-function isSomeElement(child, type) {
+function randomColor({
+  colors,
+  string
+} = {}) {
   var _a, _b;
-  if (child.type === type) return true;
-  if (!!child.__ui__ && !!type.__ui__) {
-    if (child.__ui__ === type.__ui__) return true;
+  const fallback = randomHex();
+  if (string && colors) return (_a = randomColorFromList(string, colors)) != null ? _a : fallback;
+  if (string && !colors) return randomColorFromString(string);
+  if (colors && !string) return (_b = randomFromList(colors)) != null ? _b : fallback;
+  return fallback;
+}
+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) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+    hash = hash & hash;
   }
-  const payload = child.type._payload;
-  if (!!((_a = payload == null ? void 0 : payload.value) == null ? void 0 : _a.__ui__) && !!type.__ui__) {
-    if (((_b = payload == null ? void 0 : payload.value) == null ? void 0 : _b.__ui__) === type.__ui__) return true;
+  let color = "#";
+  for (let j = 0; j < 3; j += 1) {
+    const value = hash >> j * 8 & 255;
+    color += `00${value.toString(16)}`.substr(-2);
   }
-  return false;
-}
-function findChild(children, ...types) {
-  const child = children.find(
-    (child2) => types.some((type) => isSomeElement(child2, type))
-  );
-  return child;
+  return color;
 }
-function findChildren(children, ...types) {
-  const child = children.find(
-    (child2) => types.some((type) => isSomeElement(child2, type))
-  );
-  if (child) {
-    return children.sort((a, b) => {
-      if (types.some((type) => isSomeElement(a, type))) {
-        return -1;
-      } else if (types.some((type) => isSomeElement(b, type))) {
-        return 1;
-      } else {
-        return 0;
-      }
-    });
-  } else {
-    return [void 0, ...children];
+function 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];
 }
-function includesChildren(children, ...types) {
-  return children.some((child) => {
-    if (types.some((type) => isSomeElement(child, type))) return true;
-    const children2 = getValidChildren(child.props.children);
-    return children2.length ? includesChildren(children2, ...types) : false;
-  });
+function randomFromList(list) {
+  return list[Math.floor(Math.random() * list.length)];
 }
-function omitChildren(children, ...types) {
-  return children.filter(
-    (child) => types.every((type) => !isSomeElement(child, type))
-  );
+function getBrightness(color) {
+  const [r, g, b] = c.parseToRgba(color);
+  return (r * 299 + g * 587 + b * 114) / 1e3;
 }
-function pickChildren(children, ...types) {
-  return children.filter(
-    (child) => types.every((type) => isSomeElement(child, type))
-  );
+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 cx(...classNames) {
-  return classNames.filter(Boolean).join(" ");
+function isLight(color) {
+  return function(theme, colorMode) {
+    return isTone(color)(theme, colorMode) === "dark";
+  };
 }
-function isRefObject(val) {
-  return isObject(val) && "current" in val;
+function isDark(color) {
+  return function(theme, colorMode) {
+    return isTone(color)(theme, colorMode) === "light";
+  };
 }
-function assignRef(ref, value) {
-  if (ref == null) return;
-  if (typeof ref === "function") {
-    ref(value);
-    return;
+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 {
+        let rgba2 = c.toRgba(color);
+        if (!isAlpha) {
+          rgba2 = rgba2.replace(/rgba/, "rgb");
+          rgba2 = rgba2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
+        }
+        return rgba2;
+      }
+    } catch {
+      if (fallback) return convertColor(fallback)(format);
+    }
+  };
+}
+function calcFormat(color) {
+  if (color.startsWith("hsl")) {
+    return color.startsWith("hsla") ? "hsla" : "hsl";
+  } else if (color.startsWith("rgb")) {
+    return color.startsWith("rgba") ? "rgba" : "rgb";
+  } else {
+    return color.length === 9 ? "hexa" : "hex";
   }
+}
+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");
+}
+function parseToRgba2(color, fallback) {
   try {
-    ref.current = value;
+    if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
+    return c.parseToRgba(color);
   } catch {
-    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+    if (fallback) return c.parseToRgba(fallback);
   }
 }
-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;
-  });
-  return React.useCallback(
-    (...args) => {
-      var _a;
-      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
-    },
-    deps
-  );
+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);
+  }
 }
-function 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;
-    };
-  }, []);
+function parseToHsv(color, fallback) {
+  var _a;
+  let [r, g, b, a] = (_a = parseToRgba2(color, fallback)) != null ? _a : [255, 255, 255, 1];
+  r = r / 255;
+  g = g / 255;
+  b = b / 255;
+  const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)];
+  const delta = max - min;
+  let [h, v, s] = [0, max, max == 0 ? 0 : delta / max];
+  switch (min) {
+    case max:
+      h = 0;
+      break;
+    case r:
+      h = 60 * ((b - g) / delta) + 180;
+      break;
+    case g:
+      h = 60 * ((r - b) / delta) + 300;
+      break;
+    case b:
+      h = 60 * ((g - r) / delta) + 60;
+      break;
+  }
+  return [h, s, v, a];
 }
-function useAsync(func, deps = []) {
-  const [state, callback] = useAsyncFunc(func, deps, { loading: true });
-  React.useEffect(() => {
-    callback();
-  }, [callback]);
-  return state;
+function rgbaTo([r, g, b, a], fallback) {
+  return function(format = "hex") {
+    return convertColor(c.rgba(r, g, b, a), fallback)(format);
+  };
 }
-function useAsyncFunc(func, deps = [], initialState = { loading: false }) {
-  const lastCallId = React.useRef(0);
-  const [isMounted] = useIsMounted();
-  const [state, setState] = React.useState(initialState);
-  const callback = React.useCallback(
-    (...args) => {
-      const callId = ++lastCallId.current;
-      if (!state.loading)
-        setState((prevState) => ({ ...prevState, loading: true }));
-      return func(...args).then(
-        (value) => {
-          if (isMounted() && callId === lastCallId.current)
-            setState({ value, loading: false });
-          return value;
-        },
-        (error) => {
-          if (isMounted() && callId === lastCallId.current)
-            setState({ error, loading: false });
-          return error;
-        }
-      );
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps
-  );
-  return [state, callback];
+function hslaTo([h, s, l, a], fallback) {
+  return function(format = "hex") {
+    return convertColor(c.hsla(h, s, l, a), fallback)(format);
+  };
 }
-function useAsyncRetry(func, deps = []) {
-  const [attempt, setAttempt] = React.useState(0);
-  const state = useAsync(func, [...deps, attempt]);
-  const stateLoading = state.loading;
-  const retry = React.useCallback(() => {
-    if (stateLoading) return;
-    setAttempt((currentAttempt) => currentAttempt + 1);
-  }, [...deps, stateLoading]);
-  return { ...state, retry };
+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);
+  };
 }
-var createIdCounter = 0;
-function createId(prefix) {
-  return `${prefix}-${++createIdCounter}-${(/* @__PURE__ */ new Date()).getTime()}`;
+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/dom.ts
 function createdDom() {
-  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+  var _a;
+  return !!(typeof window !== "undefined" && // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  ((_a = window.document) == null ? void 0 : _a.createElement));
 }
 function getPlatform() {
   var _a, _b;
@@ -652,7 +789,7 @@ function isHidden(el) {
   return el.hidden;
 }
 function isDisabled(el) {
-  return Boolean(el.getAttribute("disabled")) === true || Boolean(el.getAttribute("data-disabled")) === true || Boolean(el.getAttribute("aria-disabled")) === true;
+  return Boolean(el.getAttribute("disabled")) || Boolean(el.getAttribute("data-disabled")) || Boolean(el.getAttribute("aria-disabled"));
 }
 function isVisible(el) {
   return el.offsetWidth > 0 && el.offsetHeight > 0;
@@ -720,7 +857,7 @@ function isFocusable(el) {
   }
   const { localName } = el;
   const focusableTags = ["input", "select", "textarea", "button"];
-  if (focusableTags.indexOf(localName) >= 0) return true;
+  if (focusableTags.includes(localName)) return true;
   const others = {
     a: () => el.hasAttribute("href"),
     audio: () => el.hasAttribute("controls"),
@@ -740,8 +877,8 @@ 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 _a;
+  return (_a = getOwnerDocument(node).defaultView) != null ? _a : window;
 }
 function getOwnerDocument(el) {
   return isElement(el) ? el.ownerDocument : document;
@@ -753,521 +890,388 @@ function isActiveElement(el) {
   return getActiveElement(el) === el;
 }
 
-// src/string.ts
-function escape(value, replaceValue = "") {
-  return value.replace(/\s+/g, replaceValue);
-}
-function antonym(value) {
-  switch (value) {
-    case "top":
-      return "bottom";
-    case "bottom":
-      return "top";
-    case "left":
-      return "right";
-    case "right":
-      return "left";
-    case "start":
-      return "end";
-    case "end":
-      return "start";
-    case "x":
-      return "y";
-    case "y":
-      return "x";
-    case "enter":
-      return "exit";
-    case "exit":
-      return "enter";
-    case "vertical":
-      return "horizontal";
-    case "horizontal":
-      return "vertical";
-    case "up":
-      return "down";
-    case "down":
-      return "up";
-    case "block":
-      return "inline";
-    case "inline":
-      return "block";
-    default:
-      return value;
-  }
-}
-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
-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);
+// src/event.ts
+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 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)),
-    toString: () => x.toString()
-  }),
-  {
-    add,
-    subtract,
-    multiply,
-    divide,
-    negate
-  }
-);
-
-// src/color.ts
-var c = __toESM(require("color2k"));
-var SEMANTIC_COLOR_SCHEMES = [
-  "mono",
-  "primary",
-  "secondary",
-  "info",
-  "success",
-  "warning",
-  "danger",
-  "link"
-];
-var COLOR_SCHEMES = [
-  "gray",
-  "neutral",
-  "red",
-  "rose",
-  "pink",
-  "flashy",
-  "orange",
-  "amber",
-  "yellow",
-  "lime",
-  "green",
-  "emerald",
-  "teal",
-  "cyan",
-  "sky",
-  "blue",
-  "indigo",
-  "violet",
-  "purple",
-  "fuchsia"
-];
-var TONES = [
-  50,
-  100,
-  200,
-  300,
-  400,
-  500,
-  600,
-  700,
-  800,
-  900,
-  950
-];
-function isGray(colorScheme) {
-  return colorScheme === "gray" || colorScheme === "neutral";
+function isTouchEvent(ev) {
+  return !!ev.touches;
 }
-function isAccessible(colorScheme) {
-  return colorScheme === "yellow" || colorScheme === "cyan" || colorScheme === "lime";
+function isMultiTouchEvent(ev) {
+  return isTouchEvent(ev) && ev.touches.length > 1;
 }
-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 {
-      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]));
-      } else {
-        return c.toHex(String(hex));
-      }
-    } catch {
-      try {
-        return c.toHex(fallback);
-      } catch {
-        return "#000000";
-      }
-    }
-  };
+function getEventWindow(ev) {
+  var _a;
+  return (_a = ev.view) != null ? _a : window;
 }
-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 pointFromTouch(e, type = "page") {
+  var _a, _b;
+  const point = e.touches[0] || e.changedTouches[0];
+  return { x: (_a = point == null ? void 0 : point[`${type}X`]) != null ? _a : 0, y: (_b = point == null ? void 0 : point[`${type}Y`]) != null ? _b : 0 };
 }
-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 pointFromMouse(point, type = "page") {
+  return {
+    x: point[`${type}X`],
+    y: point[`${type}Y`]
   };
 }
-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 getEventPoint(ev, type = "page") {
+  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type);
 }
-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 addDomEvent(target, type, cb, options) {
+  target.addEventListener(type, cb, options);
+  return () => {
+    target.removeEventListener(type, cb, options);
   };
 }
-function transparentizeColor(color, alpha) {
-  return function(theme, colorMode, breakpoint) {
-    const raw = getColor(color, color)(theme, colorMode, breakpoint);
-    return c.transparentize(raw, 1 - alpha);
+function filter(cb) {
+  return function(ev) {
+    const isMouse = isMouseEvent(ev);
+    if (!isMouse || ev.button === 0) cb(ev);
   };
 }
-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;
-}
-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) {
-    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;
-}
-function 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;
+function wrap(cb, filterPrimary = false) {
+  function listener(ev) {
+    return cb(ev, { point: getEventPoint(ev) });
   }
-  index = (index % list.length + list.length) % list.length;
-  return list[index];
+  const fn = filterPrimary ? filter(listener) : listener;
+  return fn;
 }
-function randomFromList(list) {
-  return list[Math.floor(Math.random() * list.length)];
+function addPointerEvent(target, type, cb, options) {
+  return addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
 }
-function getBrightness(color) {
-  const [r, g, b] = c.parseToRgba(color);
-  return (r * 299 + g * 587 + b * 114) / 1e3;
+
+// src/function.ts
+var noop = () => {
+};
+function runIfFunc(valOrFunc, ...args) {
+  return isFunction(valOrFunc) ? valOrFunc(...args) : valOrFunc;
 }
-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 handlerAll(...funcs) {
+  return function(event, ...args) {
+    funcs.some((func) => {
+      func == null ? void 0 : func(event, ...args);
+      return event == null ? void 0 : event.defaultPrevented;
+    });
   };
 }
-function isLight(color) {
-  return function(theme, colorMode) {
-    return isTone(color)(theme, colorMode) === "dark";
+function funcAll(...funcs) {
+  return function(...args) {
+    return funcs.forEach((func) => func == null ? void 0 : func(...args));
   };
 }
-function isDark(color) {
-  return function(theme, colorMode) {
-    return isTone(color)(theme, colorMode) === "light";
-  };
+
+// src/module.ts
+function interopDefault(module2) {
+  return module2.default || module2;
 }
-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 {
-        let rgba2 = c.toRgba(color);
-        if (!isAlpha) {
-          rgba2 = rgba2.replace(/rgba/, "rgb");
-          rgba2 = rgba2.replace(/,\s*\d+(\.\d+)?\)$/, ")");
-        }
-        return rgba2;
-      }
-    } catch {
-      if (fallback) return convertColor(fallback)(format);
-    }
-  };
+
+// src/number.ts
+function toNumber(n) {
+  const num = parseFloat(n);
+  return typeof num !== "number" || Number.isNaN(num) ? 0 : num;
 }
-function calcFormat(color) {
-  if (color.startsWith("hsl")) {
-    return color.startsWith("hsla") ? "hsla" : "hsl";
-  } else if (color.startsWith("rgb")) {
-    return color.startsWith("rgba") ? "rgba" : "rgb";
-  } else {
-    return color.length === 9 ? "hexa" : "hex";
-  }
+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();
 }
-function getAlpha(color) {
-  return c.parseToRgba(color)[3];
+function 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;
 }
-function alphaToHex(a) {
-  if (0 > a) a = 0;
-  if (1 < a) a = 1;
-  return Math.round(a * 255).toString(16).padStart(2, "0");
+function roundNumberToStep(n, from, step) {
+  const nextValue = Math.round((n - from) / step) * step + from;
+  const precision = countDecimal(step);
+  return toPrecision(nextValue, precision);
 }
-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);
-  }
+function valueToPercent(n, min, max) {
+  return (n - min) * 100 / (max - min);
 }
-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);
-  }
+function percentToValue(n, min, max) {
+  return (max - min) * n + min;
 }
-function parseToHsv(color, fallback) {
-  var _a;
-  let [r, g, b, a] = (_a = parseToRgba2(color, fallback)) != null ? _a : [255, 255, 255, 1];
-  r = r / 255;
-  g = g / 255;
-  b = b / 255;
-  const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)];
-  const delta = max - min;
-  let [h, v, s] = [0, max, max == 0 ? 0 : delta / max];
-  switch (min) {
-    case max:
-      h = 0;
-      break;
-    case r:
-      h = 60 * ((b - g) / delta) + 180;
-      break;
-    case g:
-      h = 60 * ((r - b) / delta) + 300;
-      break;
-    case b:
-      h = 60 * ((g - r) / delta) + 60;
-      break;
-  }
-  return [h, s, v, a];
+function clampNumber(n, min, max) {
+  return Math.min(Math.max(n, min), max);
 }
-function rgbaTo([r, g, b, a], fallback) {
-  return function(format = "hex") {
-    return convertColor(c.rgba(r, g, b, a), fallback)(format);
+
+// src/react.tsx
+var React = __toESM(require("react"));
+function createContext2({
+  name,
+  defaultValue,
+  errorMessage = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
+  strict = true
+} = {}) {
+  const Context = React.createContext(defaultValue);
+  Context.displayName = name;
+  const useContext2 = () => {
+    const context = React.useContext(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage);
+      error.name = "ContextError";
+      Error.captureStackTrace(error, useContext2);
+      throw error;
+    }
+    return context;
   };
+  return [Context.Provider, useContext2, Context];
 }
-function hslaTo([h, s, l, a], fallback) {
-  return function(format = "hex") {
-    return convertColor(c.hsla(h, s, l, a), fallback)(format);
-  };
+var useSafeLayoutEffect = Boolean(globalThis.document) ? React.useLayoutEffect : React.useEffect;
+function useUnmountEffect(callback) {
+  return React.useEffect(() => () => callback(), []);
 }
-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;
+function useIsMounted({
+  delay = 0,
+  rerender = false
+} = {}) {
+  const isMountedRef = React.useRef(false);
+  const [isMounted, setIsMounted] = React.useState(false);
+  useSafeLayoutEffect(() => {
+    isMountedRef.current = true;
+    let timeoutId = null;
+    if (rerender) {
+      if (delay > 0) {
+        timeoutId = setTimeout(() => setIsMounted(true), delay);
+      } else {
+        setIsMounted(true);
+      }
     }
-    let color = `rgb(${rgb.map((v2) => Math.round(v2 * 255)).join(", ")})`;
-    if (isNumber(a)) color = color.replace(/\)$/, `, ${a})`);
-    return convertColor(color, fallback)(format);
-  };
+    return () => {
+      isMountedRef.current = false;
+      if (rerender) setIsMounted(false);
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+  }, [delay, rerender]);
+  return [React.useCallback(() => isMountedRef.current, []), isMounted];
 }
-function sameColor(color, comparison) {
+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 isSomeElement(child, type) {
   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];
+  if (child.type === type) return true;
+  if (!!child.__ui__ && !!type.__ui__) {
+    if (child.__ui__ === type.__ui__) return true;
+  }
+  const payload = child.type._payload;
+  if (!!((_a = payload == null ? void 0 : payload.value) == null ? void 0 : _a.__ui__) && !!type.__ui__) {
+    if (((_b = payload == null ? void 0 : payload.value) == null ? void 0 : _b.__ui__) === type.__ui__) return true;
+  }
+  return false;
 }
-
-// src/array.ts
-function filterEmpty(array) {
-  return array.filter((value) => value != null);
+function findChild(children, ...types) {
+  const child = children.find(
+    (child2) => types.some((type) => isSomeElement(child2, type))
+  );
+  return child;
 }
-
-// src/number.ts
-function toNumber(n) {
-  const num = parseFloat(n);
-  return typeof num !== "number" || Number.isNaN(num) ? 0 : num;
+function findChildren(children, ...types) {
+  const child = children.find(
+    (child2) => types.some((type) => isSomeElement(child2, type))
+  );
+  if (child) {
+    return children.sort((a, b) => {
+      if (types.some((type) => isSomeElement(a, type))) {
+        return -1;
+      } else if (types.some((type) => isSomeElement(b, type))) {
+        return 1;
+      } else {
+        return 0;
+      }
+    });
+  } else {
+    return [void 0, ...children];
+  }
 }
-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();
+function includesChildren(children, ...types) {
+  return children.some((child) => {
+    if (types.some((type) => isSomeElement(child, type))) return true;
+    const children2 = getValidChildren(child.props.children);
+    return children2.length ? includesChildren(children2, ...types) : false;
+  });
 }
-function 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;
+function omitChildren(children, ...types) {
+  return children.filter(
+    (child) => types.every((type) => !isSomeElement(child, type))
+  );
 }
-function roundNumberToStep(n, from, step) {
-  const nextValue = Math.round((n - from) / step) * step + from;
-  const precision = countDecimal(step);
-  return toPrecision(nextValue, precision);
+function pickChildren(children, ...types) {
+  return children.filter(
+    (child) => types.every((type) => isSomeElement(child, type))
+  );
 }
-function valueToPercent(n, min, max) {
-  return (n - min) * 100 / (max - min);
+function cx(...classNames) {
+  return classNames.filter(Boolean).join(" ");
 }
-function percentToValue(n, min, max) {
-  return (max - min) * n + min;
+function isRefObject(val) {
+  return isObject(val) && "current" in val;
 }
-function clampNumber(n, min, max) {
-  return Math.min(Math.max(n, min), max);
+function assignRef(ref, value) {
+  if (ref == null) return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  try {
+    ref.current = value;
+  } catch {
+    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+  }
 }
-
-// src/event.ts
-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;
+function mergeRefs(...refs) {
+  return function(node) {
+    return refs.forEach((ref) => {
+      assignRef(ref, node);
+    });
+  };
 }
-function isTouchEvent(ev) {
-  return !!ev.touches;
+function useMergeRefs(...refs) {
+  return React.useMemo(() => mergeRefs(...refs), [refs]);
 }
-function isMultiTouchEvent(ev) {
-  return isTouchEvent(ev) && ev.touches.length > 1;
+function 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
+  );
 }
-function getEventWindow(ev) {
-  var _a;
-  return (_a = ev.view) != null ? _a : window;
+function 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;
+    };
+  }, []);
 }
-function pointFromTouch(e, type = "page") {
-  const point = e.touches[0] || e.changedTouches[0];
-  return { x: point[`${type}X`], y: point[`${type}Y`] };
+function useAsync(func, deps = []) {
+  const [state, callback] = useAsyncFunc(func, deps, { loading: true });
+  React.useEffect(() => {
+    callback();
+  }, [callback]);
+  return state;
 }
-function pointFromMouse(point, type = "page") {
-  return {
-    x: point[`${type}X`],
-    y: point[`${type}Y`]
-  };
+function useAsyncFunc(func, deps = [], initialState = { loading: false }) {
+  const lastCallId = React.useRef(0);
+  const [isMounted] = useIsMounted();
+  const [state, setState] = React.useState(initialState);
+  const callback = React.useCallback(
+    (...args) => {
+      const callId = ++lastCallId.current;
+      if (!state.loading)
+        setState((prevState) => ({ ...prevState, loading: true }));
+      return func(...args).then(
+        (value) => {
+          if (isMounted() && callId === lastCallId.current)
+            setState({ loading: false, value });
+          return value;
+        },
+        (error) => {
+          if (isMounted() && callId === lastCallId.current)
+            setState({ error, loading: false });
+          return error;
+        }
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    deps
+  );
+  return [state, callback];
 }
-function getEventPoint(ev, type = "page") {
-  return isTouchEvent(ev) ? pointFromTouch(ev, type) : pointFromMouse(ev, type);
+function useAsyncRetry(func, deps = []) {
+  const [attempt, setAttempt] = React.useState(0);
+  const state = useAsync(func, [...deps, attempt]);
+  const stateLoading = state.loading;
+  const retry = React.useCallback(() => {
+    if (stateLoading) return;
+    setAttempt((currentAttempt) => currentAttempt + 1);
+  }, [...deps, stateLoading]);
+  return { ...state, retry };
 }
-function addDomEvent(target, type, cb, options) {
-  target.addEventListener(type, cb, options);
-  return () => {
-    target.removeEventListener(type, cb, options);
-  };
+var createIdCounter = 0;
+function createId(prefix) {
+  return `${prefix}-${++createIdCounter}-${(/* @__PURE__ */ new Date()).getTime()}`;
 }
-function filter(cb) {
-  return function(ev) {
-    const isMouse = isMouseEvent(ev);
-    if (!isMouse || isMouse && ev.button === 0) cb(ev);
-  };
+
+// src/string.ts
+function escape(value, replaceValue = "") {
+  return value.replace(/\s+/g, replaceValue);
 }
-function wrap(cb, filterPrimary = false) {
-  function listener(ev) {
-    return cb(ev, { point: getEventPoint(ev) });
+function antonym(value) {
+  switch (value) {
+    case "top":
+      return "bottom";
+    case "bottom":
+      return "top";
+    case "left":
+      return "right";
+    case "right":
+      return "left";
+    case "start":
+      return "end";
+    case "end":
+      return "start";
+    case "x":
+      return "y";
+    case "y":
+      return "x";
+    case "enter":
+      return "exit";
+    case "exit":
+      return "enter";
+    case "vertical":
+      return "horizontal";
+    case "horizontal":
+      return "vertical";
+    case "up":
+      return "down";
+    case "down":
+      return "up";
+    case "block":
+      return "inline";
+    case "inline":
+      return "block";
+    default:
+      return value;
   }
-  const fn = filterPrimary ? filter(listener) : listener;
-  return fn;
 }
-function addPointerEvent(target, type, cb, options) {
-  return addDomEvent(target, type, wrap(cb, type === "pointerdown"), options);
+function toCamelCase(value) {
+  return value.toLowerCase().replace(/[_-](.)/g, (_, val) => val.toUpperCase()).replace(/^(.)/, (_, val) => val.toUpperCase());
 }
-
-// src/module.ts
-function interopDefault(module2) {
-  return module2.default || module2;
+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();
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1334,6 +1338,7 @@ function interopDefault(module2) {
   isDisabled,
   isElement,
   isEmpty,
+  isEmptyObject,
   isFocusable,
   isFunction,
   isGray,