@companix/uikit 0.0.2 → 0.0.3

package/dist/bundle.es6.js

@@ -0,0 +1,87 @@
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import L from "classnames";
+import { useRef as d, useMemo as f, useCallback as n, useEffect as T, useLayoutEffect as H } from "react";
+import { getContainers as p, pc as h, px as v } from "@companix/utils-browser";
+const C = ({
+  children: b,
+  thumbClassName: y,
+  scrollableClassName: g,
+  thumbMargin: R = 0,
+  trackWidth: w = 20
+}) => {
+  const l = d(null), t = d(null), r = f(() => ({ positons: { top: 0, y: 0 }, scrollRatio: 0 }), []), i = f(() => ({
+    start() {
+      document.addEventListener("mousemove", a), document.addEventListener("mouseup", m);
+    },
+    clear() {
+      document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", m);
+    }
+  }), []);
+  T(() => {
+    const o = new ResizeObserver(u);
+    return t.current && p(t.current, (e) => {
+      o.observe(e);
+    }), () => {
+      t.current && p(t.current, (e) => {
+        o.unobserve(e);
+      });
+    };
+  }, []), H(() => {
+    u();
+  }, []);
+  const u = n(() => {
+    const { current: o } = t, { current: e } = l;
+    if (e && o) {
+      const s = o.clientHeight / o.scrollHeight;
+      e.style.height = h(s * 100), e.style.display = s === 1 ? "none" : "block", r.scrollRatio = s;
+    }
+  }, []), a = n(({ clientY: o }) => {
+    const { current: e } = t;
+    if (e) {
+      const s = o - r.positons.y;
+      e.scrollTop = r.positons.top + s / r.scrollRatio;
+    }
+  }, []), m = n(() => {
+    i.clear();
+  }, []), E = n(({ clientY: o }) => {
+    const { current: e } = t;
+    e && (r.positons = {
+      top: e.scrollTop,
+      y: o
+    }), i.start();
+  }, []), M = () => {
+    requestAnimationFrame(() => {
+      const { current: o } = t, { current: e } = l;
+      e && o && (e.style.top = h(o.scrollTop * 100 / o.scrollHeight));
+    });
+  };
+  return /* @__PURE__ */ x("div", { className: "relative h-full overflow-hidden", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: L("hidden-scroll h-full overflow-y-scroll", g),
+        onScroll: M,
+        ref: t,
+        children: b
+      }
+    ),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "absolute right-0 top-0 box-border h-full",
+        style: { width: v(w), padding: v(R) },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            onMouseDown: E,
+            className: `${y} relative w-full rounded-full`,
+            ref: l
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  C as ImitateScroll
+};

package/dist/bundle.es60.js

@@ -0,0 +1,8 @@
+function o(...f) {
+  return (...c) => {
+    for (let e of f) typeof e == "function" && e(...c);
+  };
+}
+export {
+  o as chain
+};

package/dist/bundle.es61.js

@@ -0,0 +1,19 @@
+import { isShadowRoot as r } from "./bundle.es62.js";
+import { shadowDOM as a } from "./bundle.es79.js";
+function i(t, f) {
+  if (!a()) return f && t ? t.contains(f) : !1;
+  if (!t || !f) return !1;
+  let e = f;
+  for (; e !== null; ) {
+    if (e === t) return !0;
+    e.tagName === "SLOT" && e.assignedSlot ? e = e.assignedSlot.parentNode : r(e) ? e = e.host : e = e.parentNode;
+  }
+  return !1;
+}
+function n(t) {
+  return a() && t.target.shadowRoot && t.composedPath ? t.composedPath()[0] : t.target;
+}
+export {
+  n as getEventTarget,
+  i as nodeContains
+};

package/dist/bundle.es62.js

@@ -0,0 +1,15 @@
+const t = (o) => {
+  var n;
+  return (n = o?.ownerDocument) !== null && n !== void 0 ? n : document;
+}, e = (o) => o && "window" in o && o.window === o ? o : t(o).defaultView || window;
+function d(o) {
+  return o !== null && typeof o == "object" && "nodeType" in o && typeof o.nodeType == "number";
+}
+function c(o) {
+  return d(o) && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in o;
+}
+export {
+  t as getOwnerDocument,
+  e as getOwnerWindow,
+  c as isShadowRoot
+};

package/dist/bundle.es63.js

@@ -0,0 +1,22 @@
+import { chain as n } from "./bundle.es60.js";
+import { mergeIds as s } from "./bundle.es78.js";
+import { clsx as l } from "./bundle.es80.js";
+function a(...r) {
+  let o = {
+    ...r[0]
+  };
+  for (let c = 1; c < r.length; c++) {
+    let i = r[c];
+    for (let e in i) {
+      let f = o[e], t = i[e];
+      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
+      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
+      65 && e.charCodeAt(2) <= /* 'Z' */
+      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
+    }
+  }
+  return o;
+}
+export {
+  a as mergeProps
+};

package/dist/bundle.es64.js

@@ -0,0 +1,45 @@
+function f(l) {
+  if (c()) l.focus({
+    preventScroll: !0
+  });
+  else {
+    let e = n(l);
+    l.focus(), s(e);
+  }
+}
+let r = null;
+function c() {
+  if (r == null) {
+    r = !1;
+    try {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return r = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return r;
+}
+function n(l) {
+  let e = l.parentNode, o = [], t = document.scrollingElement || document.documentElement;
+  for (; e instanceof HTMLElement && e !== t; )
+    (e.offsetHeight < e.scrollHeight || e.offsetWidth < e.scrollWidth) && o.push({
+      element: e,
+      scrollTop: e.scrollTop,
+      scrollLeft: e.scrollLeft
+    }), e = e.parentNode;
+  return t instanceof HTMLElement && o.push({
+    element: t,
+    scrollTop: t.scrollTop,
+    scrollLeft: t.scrollLeft
+  }), o;
+}
+function s(l) {
+  for (let { element: e, scrollTop: o, scrollLeft: t } of l)
+    e.scrollTop = o, e.scrollLeft = t;
+}
+export {
+  f as focusWithoutScrolling
+};

package/dist/bundle.es65.js

@@ -0,0 +1,28 @@
+import { focusWithoutScrolling as f } from "./bundle.es64.js";
+import { isFirefox as p, isWebKit as K, isMac as l, isIPad as $ } from "./bundle.es69.js";
+import "react";
+function o(e, c, d = !0) {
+  var t, a;
+  let { metaKey: i, ctrlKey: n, altKey: s, shiftKey: r } = c;
+  p() && (!((a = window.event) === null || a === void 0 || (t = a.type) === null || t === void 0) && t.startsWith("key")) && e.target === "_blank" && (l() ? i = !0 : n = !0);
+  let y = K() && l() && !$() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: i,
+    ctrlKey: n,
+    altKey: s,
+    shiftKey: r
+  }) : new MouseEvent("click", {
+    metaKey: i,
+    ctrlKey: n,
+    altKey: s,
+    shiftKey: r,
+    detail: 1,
+    bubbles: !0,
+    cancelable: !0
+  });
+  o.isOpening = d, f(e), e.dispatchEvent(y), o.isOpening = !1;
+}
+o.isOpening = !1;
+export {
+  o as openLink
+};

package/dist/bundle.es66.js

@@ -0,0 +1,34 @@
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let o = c(/* @__PURE__ */ new Map()), u = f((e, l, r, t) => {
+    let n = t?.once ? (...d) => {
+      o.current.delete(r), r(...d);
+    } : r;
+    o.current.set(r, {
+      type: l,
+      eventTarget: e,
+      fn: n,
+      options: t
+    }), e.addEventListener(l, n, t);
+  }, []), a = f((e, l, r, t) => {
+    var n;
+    let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
+    e.removeEventListener(l, d, t), o.current.delete(r);
+  }, []), s = f(() => {
+    o.current.forEach((e, l) => {
+      a(e.eventTarget, e.type, l, e.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => s, [
+    s
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: s
+  };
+}
+export {
+  L as useGlobalListeners
+};

package/dist/bundle.es67.js

@@ -0,0 +1,6 @@
+import e from "react";
+const c = typeof document < "u" ? e.useLayoutEffect : () => {
+};
+export {
+  c as useLayoutEffect
+};

package/dist/bundle.es68.js

@@ -0,0 +1,12 @@
+import { useLayoutEffect as f } from "./bundle.es67.js";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
+}
+export {
+  u as useSyncRef
+};

package/dist/bundle.es69.js

@@ -0,0 +1,47 @@
+function a(t) {
+  var n;
+  if (typeof window > "u" || window.navigator == null) return !1;
+  let o = (n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.brands;
+  return Array.isArray(o) && o.some((s) => t.test(s.brand)) || t.test(window.navigator.userAgent);
+}
+function r(t) {
+  var n;
+  return typeof window < "u" && window.navigator != null ? t.test(((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.platform) || window.navigator.platform) : !1;
+}
+function e(t) {
+  if (process.env.NODE_ENV === "test") return t;
+  let n = null;
+  return () => (n == null && (n = t()), n);
+}
+const i = e(function() {
+  return r(/^Mac/i);
+}), c = e(function() {
+  return r(/^iPhone/i);
+}), u = e(function() {
+  return r(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  i() && navigator.maxTouchPoints > 1;
+}), d = e(function() {
+  return c() || u();
+});
+e(function() {
+  return i() || d();
+});
+const f = e(function() {
+  return a(/AppleWebKit/i) && !$();
+}), $ = e(function() {
+  return a(/Chrome/i);
+}), l = e(function() {
+  return a(/Android/i);
+}), w = e(function() {
+  return a(/Firefox/i);
+});
+export {
+  l as isAndroid,
+  $ as isChrome,
+  w as isFirefox,
+  d as isIOS,
+  u as isIPad,
+  c as isIPhone,
+  i as isMac,
+  f as isWebKit
+};

package/dist/bundle.es7.js

@@ -0,0 +1,80 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-popover";
+import { attr as y } from "@companix/utils-browser";
+import B from "classnames";
+import { forwardRef as M, useRef as j } from "react";
+const D = M((a, i) => {
+  const {
+    children: n,
+    sideOffset: s,
+    matchTarget: l,
+    onAnimationEnd: c,
+    onAnimationStart: m,
+    onOpenAutoFocus: d,
+    onCloseAutoFocus: f,
+    triggerRef: p,
+    triggerProps: h,
+    open: g,
+    content: u,
+    onOpenChange: v,
+    align: C,
+    disabled: w,
+    minimal: x,
+    className: L,
+    fitMaxHeight: N = !0,
+    side: O,
+    showArrows: A
+  } = a, e = j(null), P = () => {
+    e.current && e.current.click();
+  }, b = (R) => {
+    w && R.preventDefault();
+  };
+  return /* @__PURE__ */ t(o.Root, { open: g, onOpenChange: v, children: [
+    /* @__PURE__ */ r(o.Trigger, { ref: p, ...h, onClick: b, asChild: !0, children: n }),
+    /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ t(
+      o.Content,
+      {
+        ref: i,
+        className: B("popover", L),
+        side: O,
+        align: C,
+        "data-appearance": x ? "minimal" : "default",
+        "data-match-target": l,
+        sideOffset: s ?? 6,
+        avoidCollisions: !0,
+        arrowPadding: 10,
+        onAnimationStart: m,
+        onAnimationEnd: c,
+        onOpenAutoFocus: d,
+        onCloseAutoFocus: f,
+        children: [
+          /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
+          A && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ t("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
+            /* @__PURE__ */ r(
+              "path",
+              {
+                className: "popover-arrow-border",
+                d: "M 18.112 -2.704 C 19.127 -3.64 19.999 -5.626 19.999 -7.001 L 19.999 18.999 C 19.999 17.621 19.131 15.642 18.111 14.702 L 10.927 8.084 C 9.69 6.944 9.694 5.05 10.927 3.914 L 18.112 -2.704 Z",
+                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
+                transform: "matrix(0, -1, 1, 0, 0.000001, 0)"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                className: "popover-arrow-fill",
+                d: "M 17.789 -2.965 C 19.009 -4.09 19.999 -6.341 19.999 -7.995 L 19.999 -10.001 L 19.999 19.999 L 19.999 17.994 C 19.999 16.34 19.016 14.094 17.789 12.964 L 10.606 6.348 C 9.796 5.602 9.804 4.388 10.606 3.648 L 17.789 -2.966 L 17.789 -2.965 Z",
+                style: { transformBox: "fill-box", transformOrigin: "50% 50%" },
+                transform: "matrix(0, -1, 1, 0, 0, 0)"
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": y(N), children: u({ close: P }) })
+        ]
+      }
+    ) })
+  ] });
+});
+export {
+  D as Popover
+};

package/dist/bundle.es70.js

@@ -0,0 +1,11 @@
+import { isAndroid as i } from "./bundle.es69.js";
+function o(r) {
+  return r.pointerType === "" && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+}
+function p(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+}
+export {
+  o as isVirtualClick,
+  p as isVirtualPointerEvent
+};

package/dist/bundle.es71.js

@@ -0,0 +1,18 @@
+import { useLayoutEffect as f } from "./bundle.es67.js";
+import o, { useRef as n, useCallback as u } from "react";
+var c;
+const s = (c = o.useInsertionEffect) !== null && c !== void 0 ? c : f;
+function i(a) {
+  const t = n(null);
+  return s(() => {
+    t.current = a;
+  }, [
+    a
+  ]), u((...r) => {
+    const e = t.current;
+    return e?.(...r);
+  }, []);
+}
+export {
+  i as useEffectEvent
+};

package/dist/bundle.es72.js

@@ -0,0 +1,32 @@
+import { isElementVisible as b } from "./bundle.es81.js";
+const n = [
+  "input:not([disabled]):not([type=hidden])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  '[contenteditable]:not([contenteditable^="false"])',
+  "permission"
+], a = n.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+n.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+function d(t) {
+  return t.matches(a) && b(t) && !o(t);
+}
+function o(t) {
+  let e = t;
+  for (; e != null; ) {
+    if (e instanceof e.ownerDocument.defaultView.HTMLElement && e.inert) return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+export {
+  d as isFocusable
+};

package/dist/bundle.es73.js

@@ -0,0 +1,35 @@
+let r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function t(e) {
+    return "propertyName" in e;
+  }
+  let d = (e) => {
+    if (!t(e) || !e.target) return;
+    let n = r.get(e.target);
+    n || (n = /* @__PURE__ */ new Set(), r.set(e.target, n), e.target.addEventListener("transitioncancel", i, {
+      once: !0
+    })), n.add(e.propertyName);
+  }, i = (e) => {
+    if (!t(e) || !e.target) return;
+    let n = r.get(e.target);
+    if (n && (n.delete(e.propertyName), n.size === 0 && (e.target.removeEventListener("transitioncancel", i), r.delete(e.target)), r.size === 0)) {
+      for (let s of a) s();
+      a.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
+}
+typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
+function c() {
+  for (const [t] of r)
+    "isConnected" in t && !t.isConnected && r.delete(t);
+}
+function f(t) {
+  requestAnimationFrame(() => {
+    c(), r.size === 0 ? t() : a.add(t);
+  });
+}
+export {
+  f as runAfterTransition
+};

package/dist/bundle.es74.js

@@ -0,0 +1,6 @@
+function a(t, e) {
+  return e.get ? e.get.call(t) : e.value;
+}
+export {
+  a as _
+};

package/dist/bundle.es75.js

@@ -0,0 +1,7 @@
+function o(t, e, n) {
+  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
+  return e.get(t);
+}
+export {
+  o as _
+};

package/dist/bundle.es76.js

@@ -0,0 +1,7 @@
+function a(e, t) {
+  if (t.has(e))
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+export {
+  a as _
+};

package/dist/bundle.es77.js

@@ -0,0 +1,11 @@
+function l(a, e, t) {
+  if (e.set) e.set.call(a, t);
+  else {
+    if (!e.writable)
+      throw new TypeError("attempted to set read only private field");
+    e.value = t;
+  }
+}
+export {
+  l as _
+};

package/dist/bundle.es78.js

@@ -0,0 +1,17 @@
+import "react";
+let n = /* @__PURE__ */ new Map();
+typeof FinalizationRegistry < "u" && new FinalizationRegistry((e) => {
+  n.delete(e);
+});
+function o(e, t) {
+  if (e === t) return e;
+  let f = n.get(e);
+  if (f)
+    return f.forEach((r) => r.current = t), t;
+  let a = n.get(t);
+  return a ? (a.forEach((r) => r.current = e), e) : t;
+}
+export {
+  n as idsUpdaterMap,
+  o as mergeIds
+};

package/dist/bundle.es79.js

@@ -0,0 +1,7 @@
+let e = !1;
+function f() {
+  return e;
+}
+export {
+  f as shadowDOM
+};

package/dist/bundle.es8.js

@@ -0,0 +1,29 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as n } from "react";
+/* empty css           */
+import { Popover as m } from "./bundle.es7.js";
+const l = ({ children: e, content: t, side: r }) => {
+  const [s, o] = n(!1);
+  return /* @__PURE__ */ p(
+    m,
+    {
+      showArrows: !0,
+      className: "tooltip",
+      open: s,
+      side: r,
+      content: () => t,
+      triggerProps: {
+        onMouseEnter: () => {
+          o(!0);
+        },
+        onMouseLeave: () => {
+          o(!1);
+        }
+      },
+      children: e
+    }
+  );
+};
+export {
+  l as Tooltip
+};

package/dist/bundle.es80.js

@@ -0,0 +1,17 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};

package/dist/bundle.es81.js

@@ -0,0 +1,25 @@
+import { getOwnerWindow as d } from "./bundle.es62.js";
+const c = typeof Element < "u" && "checkVisibility" in Element.prototype;
+function p(i) {
+  const t = d(i);
+  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
+  let { display: o, visibility: e } = i.style, a = o !== "none" && e !== "hidden" && e !== "collapse";
+  if (a) {
+    const { getComputedStyle: r } = i.ownerDocument.defaultView;
+    let { display: n, visibility: s } = r(i);
+    a = n !== "none" && s !== "hidden" && s !== "collapse";
+  }
+  return a;
+}
+function u(i, t) {
+  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
+  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
+}
+function f(i, t) {
+  return c ? i.checkVisibility({
+    visibilityProperty: !0
+  }) && !i.closest("[data-react-aria-prevent-focus]") : i.nodeName !== "#comment" && p(i) && u(i, t) && (!i.parentElement || f(i.parentElement, i));
+}
+export {
+  f as isElementVisible
+};