@companix/uikit 0.1.14 → 0.1.16

package/dist/bundle.es42.js

@@ -1,83 +1,164 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import f from "classnames";
-import { useContext as m, createContext as u, useState as h, useCallback as c, useMemo as w } from "react";
-const E = ({ title: t, icon: i, text: e, onDrop: s }) => {
-  const [l, n] = h(!1);
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      onDrop: s,
-      onDragEnter: () => n(!0),
-      onDragLeave: () => n(!1),
-      className: f("drop-target", {
-        "drop-target-hovered": l
-      }),
-      children: [
-        /* @__PURE__ */ r("div", { className: "drop-target-border", children: /* @__PURE__ */ r("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none", children: /* @__PURE__ */ r("rect", { x: "0", y: "0", rx: "8px", ry: "8px", width: "100%", height: "100%" }) }) }),
-        /* @__PURE__ */ p("div", { className: "drop-target-area", children: [
-          /* @__PURE__ */ r("i", { className: "drop-target-icon", children: i }),
-          /* @__PURE__ */ p("div", { className: "drop-target-info", children: [
-            /* @__PURE__ */ r("span", { className: "drop-target-title", children: t }),
-            /* @__PURE__ */ r("span", { className: "drop-target-text", children: e })
-          ] })
-        ] })
-      ]
+import { escape as u, unescape as f, isElementNode as g } from "@companix/utils-browser";
+import { onElementKeyDownFactory as v } from "./bundle.es76.js";
+import { getEditorSelection as l, normalizeEditorText as a, getNodeTextContent as h, scrollSelectionIntoView as d, getTextSelectionOffsets as E } from "./bundle.es77.js";
+class k {
+  element;
+  prevText = "";
+  prevTextSelection = { from: 0, to: 0 };
+  handlers = {
+    contentChange: /* @__PURE__ */ new Set()
+  };
+  constructor(e) {
+    if (e.contentEditable !== "true")
+      throw new Error("Элемент эдитора должен быть contentEditable");
+    e.tagName !== "SPAN" && console.warn("Используйте элемент span"), this.element = e, this.element.translate = !1;
+  }
+  getElement() {
+    return this.element;
+  }
+  onPaste(e) {
+    return this.handlers.paste || this.element.addEventListener("paste", this.handlePaste), this.handlers.paste = e, () => {
+      this.handlers.paste = void 0, this.element.removeEventListener("paste", this.handlePaste);
+    };
+  }
+  onKeyCombo(e) {
+    const t = v(e);
+    return this.element.addEventListener("keydown", t), this.handlers.keyCombo = e, () => {
+      this.handlers.keyCombo = void 0, this.element.removeEventListener("keydown", t);
+    };
+  }
+  onFocusChange(e) {
+    return this.handlers.focusChange || (this.element.addEventListener("focus", this.handleFocus), this.element.addEventListener("blur", this.handleBlur)), this.handlers.focusChange = e, () => {
+      this.handlers.focusChange = void 0, this.element.removeEventListener("focus", this.handleFocus), this.element.removeEventListener("blur", this.handleBlur);
+    };
+  }
+  onContentChange(e) {
+    return this.handlers.contentChange.size === 0 && (this.element.addEventListener("keyup", this.checkContentChanged), document.addEventListener("selectionchange", this.checkContentChanged)), this.handlers.contentChange.add(e), () => {
+      this.handlers.contentChange.delete(e), this.handlers.contentChange.size === 0 && (this.element.removeEventListener("keyup", this.checkContentChanged), document.removeEventListener("selectionchange", this.checkContentChanged));
+    };
+  }
+  onMouseDown() {
+    return this.element.addEventListener("mousedown", this.handleMouseDown), () => {
+      this.element.removeEventListener("mousedown", this.handleMouseDown);
+    };
+  }
+  setSelection(e) {
+    const t = l(this.element);
+    if (!("selection" in t)) return;
+    const n = document.createRange(), s = this.resolveDomPosition(e.from), o = this.resolveDomPosition(e.to);
+    n.setStart(s.container, s.offset), n.setEnd(o.container, o.offset), t.selection.removeAllRanges(), t.selection.addRange(n);
+  }
+  // вставить переданный текст в текущую выделенную область/позицию курсора внутри contenteditable
+  insertAtSelection(e, t) {
+    t && this.setSelection(t);
+    const n = C(u(e));
+    for (const s of n)
+      s.kind === "Text" && document.execCommand("insertText", !1, f(s.text));
+    this.checkContentChanged();
+  }
+  removeFormat() {
+    document.execCommand("removeFormat");
+  }
+  resetText(e = "", t = !1, n = !0) {
+    const s = !this.isFocused() && !n;
+    this.element.innerText = "";
+    const o = document.activeElement, i = this.element.inputMode;
+    s && (this.element.inputMode = "none"), this.element.focus(), document.execCommand("removeFormat"), t ? document.execCommand("inserthtml", !1, e) : this.insertAtSelection(a(e)), s && (this.element.blur(), this.element.inputMode = i, o?.focus?.()), this.checkContentChanged();
+  }
+  getText() {
+    let e = "";
+    const t = document.createTreeWalker(
+      this.element,
+      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT
+    );
+    for (; t.nextNode(); )
+      e += h(t.currentNode);
+    return a(e);
+  }
+  getHtml() {
+    return this.element.innerHTML;
+  }
+  getHtmlWithEmojisAsText() {
+    const e = this.element.innerHTML, t = /<img class="Emoji .+?" src=".+?" alt=".+?">/, n = /alt=".+?"/, s = (o) => {
+      const i = o.match(t);
+      if (!i?.[0]) return o;
+      const c = i[0].match(n);
+      if (!c?.[0]) return o;
+      const m = c[0].replace("alt=", "").replaceAll('"', "");
+      return s(o.replace(i[0], m));
+    };
+    return s(e);
+  }
+  focus(e = !1) {
+    if (this.isFocused()) return;
+    this.element.focus();
+    const t = l(this.element);
+    "selection" in t && (t.selection.selectAllChildren(this.element), e ? t.selection.collapseToStart() : t.selection.collapseToEnd(), d());
+  }
+  isFocused() {
+    return document.activeElement === this.element;
+  }
+  setDisabled(e) {
+    this.element.contentEditable = e ? "false" : "true";
+  }
+  handlePaste = async (e) => {
+    e.preventDefault();
+    const { clipboardData: t } = e;
+    if (!t) return;
+    const n = t.getData("text");
+    if (n) {
+      this.insertAtSelection(n), d();
+      return;
     }
-  );
-}, v = u({}), x = u({}), C = ({ onFilesAdd: t, ...i }) => {
-  const { onHide: e, isVisable: s } = m(v), [l, n] = h(!1), d = c((a) => {
-    a.preventDefault();
-  }, []), g = c(
-    (a) => {
-      a.stopPropagation();
-      const { relatedTarget: o } = a;
-      o instanceof HTMLElement && o?.matches(".drop-target, .drop-area") || e();
-    },
-    [l, e]
-  ), D = c(
-    (a) => {
-      a.preventDefault();
-      const o = [...Array.from(a.dataTransfer.files)];
-      o.length && t(o), e();
-    },
-    [t, e]
-  );
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      onDragStart: () => n(!0),
-      onDragEnter: () => n(!0),
-      onDragOver: d,
-      onDragLeave: g,
-      className: f("drop-area", {
-        "drop-area-hidden": !s
-      }),
-      onDrop: () => {
-        e(), n(!1);
-      },
-      children: s && /* @__PURE__ */ r(E, { ...i, onDrop: D })
+  };
+  handleFocus = () => {
+    this.handlers.focusChange?.(!0);
+  };
+  handleBlur = () => {
+    this.handlers.focusChange?.(!1);
+  };
+  handleMouseDown = (e) => {
+    if (!(e.target instanceof HTMLImageElement)) return;
+    const t = new Range(), n = window.getSelection();
+    n && (t.selectNode(e.target), t.collapse(e.offsetX <= 8), n.removeAllRanges(), n.addRange(t));
+  };
+  checkContentChanged = () => {
+    const e = a(this.getText()), t = l(this.element);
+    if (!("range" in t)) return;
+    const n = E(this.element, t.range);
+    if (e === this.prevText && n.from === this.prevTextSelection.from && n.to === this.prevTextSelection.to)
+      return;
+    const s = e === `
+` && this.prevText.length > 0;
+    if (this.prevText = e, this.prevTextSelection = n, s) {
+      this.resetText("");
+      return;
     }
-  );
-}, H = ({ children: t }) => {
-  const [i, e] = h(!1), s = c(() => {
-    e(!1);
-  }, []), l = c((d) => {
-    const { items: g } = d.dataTransfer;
-    Array.from(g).filter(
-      ({ type: a, kind: o }) => a !== "text/uri-list" && o !== "string"
-    ).length && e(!0);
-  }, []), n = w(() => ({
-    onDragEnter: l
-  }), []);
-  return /* @__PURE__ */ r(v.Provider, { value: { isVisable: i, onHide: s }, children: /* @__PURE__ */ r(x.Provider, { value: n, children: t }) });
-}, T = () => {
-  const { onDragEnter: t } = m(x);
-  if (!t)
-    throw new Error("useDragContext should be within context");
-  return t;
-};
+    this.handlers.contentChange.forEach((o) => o(e, n));
+  };
+  resolveDomPosition(e) {
+    const t = document.createTreeWalker(
+      this.element,
+      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT
+    );
+    let n = e;
+    for (; t.nextNode(); ) {
+      const s = t.currentNode, o = h(s).length;
+      if (o >= n)
+        return g(s) && s.nodeName === "BR" && (n -= 1), {
+          container: s,
+          offset: Math.max(n, 0)
+        };
+      n -= o;
+    }
+    return {
+      container: this.element,
+      offset: this.element.childNodes.length
+    };
+  }
+}
+const C = (r) => r ? [{ kind: "Text", text: r }] : [];
 export {
-  C as DropArea,
-  H as DropAreaProvider,
-  T as useDragEnter
+  k as Editor,
+  C as toTextChunksLite
 };

package/dist/bundle.es43.js

@@ -1,9 +1,83 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-const b = ({ header: c, items: e, getItemLayout: d, className: o, onRowClick: h }) => /* @__PURE__ */ p("table", { className: o, children: [
-  /* @__PURE__ */ r("colgroup", { children: c.map(({ style: t }, l) => /* @__PURE__ */ r("col", { style: t }, `colgroup-col-${l}`)) }),
-  /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: c.map(({ content: t }, l) => /* @__PURE__ */ r("th", { children: t }, `header-th-${l}`)) }) }),
-  /* @__PURE__ */ r("tbody", { children: e.map((t, l) => /* @__PURE__ */ r("tr", { onClick: () => h?.(t), children: d(t, l).map((n, a) => /* @__PURE__ */ r("td", { children: n }, `table-td-${l}-${a}`)) }, `table-tr-${l}`)) })
-] });
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import f from "classnames";
+import { useContext as m, createContext as u, useState as h, useCallback as c, useMemo as w } from "react";
+const E = ({ title: t, icon: i, text: e, onDrop: s }) => {
+  const [l, n] = h(!1);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      onDrop: s,
+      onDragEnter: () => n(!0),
+      onDragLeave: () => n(!1),
+      className: f("drop-target", {
+        "drop-target-hovered": l
+      }),
+      children: [
+        /* @__PURE__ */ r("div", { className: "drop-target-border", children: /* @__PURE__ */ r("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "none", children: /* @__PURE__ */ r("rect", { x: "0", y: "0", rx: "8px", ry: "8px", width: "100%", height: "100%" }) }) }),
+        /* @__PURE__ */ p("div", { className: "drop-target-area", children: [
+          /* @__PURE__ */ r("i", { className: "drop-target-icon", children: i }),
+          /* @__PURE__ */ p("div", { className: "drop-target-info", children: [
+            /* @__PURE__ */ r("span", { className: "drop-target-title", children: t }),
+            /* @__PURE__ */ r("span", { className: "drop-target-text", children: e })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, v = u({}), x = u({}), C = ({ onFilesAdd: t, ...i }) => {
+  const { onHide: e, isVisable: s } = m(v), [l, n] = h(!1), d = c((a) => {
+    a.preventDefault();
+  }, []), g = c(
+    (a) => {
+      a.stopPropagation();
+      const { relatedTarget: o } = a;
+      o instanceof HTMLElement && o?.matches(".drop-target, .drop-area") || e();
+    },
+    [l, e]
+  ), D = c(
+    (a) => {
+      a.preventDefault();
+      const o = [...Array.from(a.dataTransfer.files)];
+      o.length && t(o), e();
+    },
+    [t, e]
+  );
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      onDragStart: () => n(!0),
+      onDragEnter: () => n(!0),
+      onDragOver: d,
+      onDragLeave: g,
+      className: f("drop-area", {
+        "drop-area-hidden": !s
+      }),
+      onDrop: () => {
+        e(), n(!1);
+      },
+      children: s && /* @__PURE__ */ r(E, { ...i, onDrop: D })
+    }
+  );
+}, H = ({ children: t }) => {
+  const [i, e] = h(!1), s = c(() => {
+    e(!1);
+  }, []), l = c((d) => {
+    const { items: g } = d.dataTransfer;
+    Array.from(g).filter(
+      ({ type: a, kind: o }) => a !== "text/uri-list" && o !== "string"
+    ).length && e(!0);
+  }, []), n = w(() => ({
+    onDragEnter: l
+  }), []);
+  return /* @__PURE__ */ r(v.Provider, { value: { isVisable: i, onHide: s }, children: /* @__PURE__ */ r(x.Provider, { value: n, children: t }) });
+}, T = () => {
+  const { onDragEnter: t } = m(x);
+  if (!t)
+    throw new Error("useDragContext should be within context");
+  return t;
+};
 export {
-  b as Table
+  C as DropArea,
+  H as DropAreaProvider,
+  T as useDragEnter
 };

package/dist/bundle.es44.js

@@ -1,37 +1,9 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
-import { getColorScheme as v, updateDOM as m } from "./bundle.es73.js";
-const i = f({
-  setColorScheme: () => {
-  }
-}), y = () => w(i), p = (d) => {
-  const { defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = d, [r, a] = h(() => v(n, o)), s = (e) => {
-    a(e), localStorage.setItem(n, e);
-  };
-  return c(() => {
-    const e = window ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
-    if (!e)
-      return;
-    const t = () => {
-      r === "system" && m("system");
-    };
-    return e.addEventListener?.("change", t), t(), () => {
-      e.removeEventListener?.("change", t);
-    };
-  }, [r]), c(() => {
-    if (!window)
-      return;
-    const e = (t) => {
-      t.key === n && (t.newValue ? a(t.newValue) : s(o));
-    };
-    return window.addEventListener("storage", e), () => {
-      window.removeEventListener("storage", e);
-    };
-  }, [s, o]), c(() => {
-    m(r);
-  }, [r]), /* @__PURE__ */ u(i.Provider, { value: { colorScheme: r, setColorScheme: s }, children: l });
-};
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+const b = ({ header: c, items: e, getItemLayout: d, className: o, onRowClick: h }) => /* @__PURE__ */ p("table", { className: o, children: [
+  /* @__PURE__ */ r("colgroup", { children: c.map(({ style: t }, l) => /* @__PURE__ */ r("col", { style: t }, `colgroup-col-${l}`)) }),
+  /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: c.map(({ content: t }, l) => /* @__PURE__ */ r("th", { children: t }, `header-th-${l}`)) }) }),
+  /* @__PURE__ */ r("tbody", { children: e.map((t, l) => /* @__PURE__ */ r("tr", { onClick: () => h?.(t), children: d(t, l).map((n, a) => /* @__PURE__ */ r("td", { children: n }, `table-td-${l}-${a}`)) }, `table-tr-${l}`)) })
+] });
 export {
-  p as ThemeProvider,
-  y as useTheme
+  b as Table
 };

package/dist/bundle.es45.js

@@ -1,24 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import { memo as n } from "react";
-const i = n(({ storageKey: t, defaultColorScheme: o }) => /* @__PURE__ */ l(
-  "script",
-  {
-    suppressHydrationWarning: !0,
-    dangerouslySetInnerHTML: {
-      __html: `(${a.toString()})("${t}", "${o}")`
-    }
-  }
-)), a = (t, o) => {
-  const [r, c] = ["theme-light", "theme-dark"];
-  try {
-    let e = localStorage.getItem(t) || o;
-    e === "system" && (e = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
-    const s = e === "dark" ? c : r;
-    document.documentElement.classList.remove(r, c), document.documentElement.classList.add(s), document.documentElement.style.colorScheme = e;
-  } catch {
+import { jsx as u } from "react/jsx-runtime";
+import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
+import { getColorScheme as v, updateDOM as m } from "./bundle.es78.js";
+const i = f({
+  setColorScheme: () => {
   }
+}), y = () => w(i), p = (d) => {
+  const { defaultColorScheme: o = "system", storageKey: n = "theme", children: l } = d, [r, a] = h(() => v(n, o)), s = (e) => {
+    a(e), localStorage.setItem(n, e);
+  };
+  return c(() => {
+    const e = window ? window.matchMedia("(prefers-color-scheme: dark)") : void 0;
+    if (!e)
+      return;
+    const t = () => {
+      r === "system" && m("system");
+    };
+    return e.addEventListener?.("change", t), t(), () => {
+      e.removeEventListener?.("change", t);
+    };
+  }, [r]), c(() => {
+    if (!window)
+      return;
+    const e = (t) => {
+      t.key === n && (t.newValue ? a(t.newValue) : s(o));
+    };
+    return window.addEventListener("storage", e), () => {
+      window.removeEventListener("storage", e);
+    };
+  }, [s, o]), c(() => {
+    m(r);
+  }, [r]), /* @__PURE__ */ u(i.Provider, { value: { colorScheme: r, setColorScheme: s }, children: l });
 };
 export {
-  i as ColorSchemeScript,
-  a as colorSchemeScript
+  p as ThemeProvider,
+  y as useTheme
 };

package/dist/bundle.es46.js

@@ -1,52 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
-import { EventEmmiter as g } from "@companix/utils-js";
-import { useContext as S, createContext as l, useState as f, useEffect as n, useRef as w } from "react";
-const a = l({});
-class d {
-  constructor(e) {
-    this.emmiter = e;
+import { jsx as l } from "react/jsx-runtime";
+import { memo as n } from "react";
+const i = n(({ storageKey: t, defaultColorScheme: o }) => /* @__PURE__ */ l(
+  "script",
+  {
+    suppressHydrationWarning: !0,
+    dangerouslySetInnerHTML: {
+      __html: `(${a.toString()})("${t}", "${o}")`
+    }
   }
-  getStorageValue(e, t) {
-    if (typeof window > "u")
-      return t;
-    const r = localStorage.getItem(e);
-    return r ? JSON.parse(r) : t;
+)), a = (t, o) => {
+  const [r, c] = ["theme-light", "theme-dark"];
+  try {
+    let e = localStorage.getItem(t) || o;
+    e === "system" && (e = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+    const s = e === "dark" ? c : r;
+    document.documentElement.classList.remove(r, c), document.documentElement.classList.add(s), document.documentElement.style.colorScheme = e;
+  } catch {
   }
-  setValue(e, t) {
-    localStorage.setItem(e, JSON.stringify(t)), this.emmiter.emit(e, t);
-  }
-}
-const x = (o, e) => {
-  const t = S(a), [r, i] = f(() => t.getStorageValue(o, e));
-  n(() => {
-    i(t.getStorageValue(o, e));
-  }, [o]);
-  const c = (s) => {
-    t.setValue(o, s);
-  };
-  return n(() => {
-    const s = t.emmiter.subscribe(o, (u) => {
-      i(u);
-    });
-    return () => {
-      s();
-    };
-  }, [o]), [r, c];
-}, y = ({ children: o }) => {
-  const e = w(new d(new g()));
-  return n(() => {
-    if (!window || !e.current)
-      return;
-    const t = (r) => {
-      r.key && e.current.emmiter.store[r.key] && r.newValue && e.current.emmiter.emit(r.key, JSON.parse(r.newValue));
-    };
-    return window.addEventListener("storage", t), () => {
-      window.removeEventListener("storage", t);
-    };
-  }, []), /* @__PURE__ */ m(a.Provider, { value: e.current, children: o });
 };
 export {
-  y as LocalStorageProvider,
-  d as LocalStorageService,
-  x as useLocalStorage
+  i as ColorSchemeScript,
+  a as colorSchemeScript
 };

package/dist/bundle.es47.js

@@ -1,14 +1,52 @@
-import { useState as r, useCallback as t } from "react";
-const f = (s = !1) => {
-  const [o, e] = r(s), a = t(() => {
-    e(!0);
-  }, []), l = t(() => {
-    e(!1);
-  }, []), u = t(() => {
-    e((n) => !n);
-  }, []);
-  return [o, a, l, u];
+import { jsx as m } from "react/jsx-runtime";
+import { EventEmmiter as g } from "@companix/utils-js";
+import { useContext as S, createContext as l, useState as f, useEffect as n, useRef as w } from "react";
+const a = l({});
+class d {
+  constructor(e) {
+    this.emmiter = e;
+  }
+  getStorageValue(e, t) {
+    if (typeof window > "u")
+      return t;
+    const r = localStorage.getItem(e);
+    return r ? JSON.parse(r) : t;
+  }
+  setValue(e, t) {
+    localStorage.setItem(e, JSON.stringify(t)), this.emmiter.emit(e, t);
+  }
+}
+const x = (o, e) => {
+  const t = S(a), [r, i] = f(() => t.getStorageValue(o, e));
+  n(() => {
+    i(t.getStorageValue(o, e));
+  }, [o]);
+  const c = (s) => {
+    t.setValue(o, s);
+  };
+  return n(() => {
+    const s = t.emmiter.subscribe(o, (u) => {
+      i(u);
+    });
+    return () => {
+      s();
+    };
+  }, [o]), [r, c];
+}, y = ({ children: o }) => {
+  const e = w(new d(new g()));
+  return n(() => {
+    if (!window || !e.current)
+      return;
+    const t = (r) => {
+      r.key && e.current.emmiter.store[r.key] && r.newValue && e.current.emmiter.emit(r.key, JSON.parse(r.newValue));
+    };
+    return window.addEventListener("storage", t), () => {
+      window.removeEventListener("storage", t);
+    };
+  }, []), /* @__PURE__ */ m(a.Provider, { value: e.current, children: o });
 };
 export {
-  f as useBooleanState
+  y as LocalStorageProvider,
+  d as LocalStorageService,
+  x as useLocalStorage
 };

package/dist/bundle.es48.js

@@ -1,16 +1,14 @@
-import { useRef as i, useCallback as o } from "react";
-const f = (e, s) => {
-  const r = i(null), c = i(void 0), n = o(
-    (t) => {
-      s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
-    },
-    [s, e]
-  ), l = o(() => {
-    const t = r.current;
-    t && n(t);
-  }, [r, n]);
-  return [r, l];
+import { useState as r, useCallback as t } from "react";
+const f = (s = !1) => {
+  const [o, e] = r(s), a = t(() => {
+    e(!0);
+  }, []), l = t(() => {
+    e(!1);
+  }, []), u = t(() => {
+    e((n) => !n);
+  }, []);
+  return [o, a, l, u];
 };
 export {
-  f as useResizeTextarea
+  f as useBooleanState
 };

package/dist/bundle.es49.js

@@ -1,16 +1,16 @@
-import { useState as e } from "react";
-const d = ({ onClick: t }) => {
-  const [a, s] = e({ isLoading: !1, isError: !1 });
-  return { ...a, handleClick: (r) => {
-    a.isLoading || t(() => {
-      s({ isLoading: !0, isError: !1 });
-    }, r).then(() => {
-      s({ isLoading: !1, isError: !1 });
-    }).catch(() => {
-      s({ isLoading: !1, isError: !0 });
-    });
-  } };
+import { useRef as i, useCallback as o } from "react";
+const f = (e, s) => {
+  const r = i(null), c = i(void 0), n = o(
+    (t) => {
+      s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
+    },
+    [s, e]
+  ), l = o(() => {
+    const t = r.current;
+    t && n(t);
+  }, [r, n]);
+  return [r, l];
 };
 export {
-  d as useLoading
+  f as useResizeTextarea
 };