npm - @plyaz/ui - Versions diffs - 0.4.6 → 0.4.8 - Mend

@plyaz/ui 0.4.6 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/dist/ui.es58.js CHANGED Viewed

@@ -1,14 +1,400 @@
-import * as r from "react";
-import { useCallbackRef as s } from "./ui.es45.js";
-function p(n, e = globalThis == null ? void 0 : globalThis.document) {
-  const t = s(n);
-  r.useEffect(() => {
-    const o = (a) => {
-      a.key === "Escape" && t(a);
+import { offset as ot, shift as st, flip as rt, size as ct, hide as lt, limitShift as ft, computePosition as ut, arrow as ht } from "./ui.es71.js";
+import { createCoords as m, round as A, max as E, min as S, rectToClientRect as J, floor as D } from "./ui.es72.js";
+import { isElement as v, getDocumentElement as O, getOverflowAncestors as V, getComputedStyle as R, isHTMLElement as b, getWindow as L, isTopLayer as $, getParentNode as W, isLastTraversableNode as H, isTableElement as at, isContainingBlock as Q, getContainingBlock as dt, getNodeName as M, isOverflowElement as _, getNodeScroll as N, getFrameElement as K, isWebKit as Y } from "./ui.es73.js";
+function Z(t) {
+  const e = R(t);
+  let i = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const o = b(t), r = o ? t.offsetWidth : i, s = o ? t.offsetHeight : n, c = A(i) !== r || A(n) !== s;
+  return c && (i = r, n = s), {
+    width: i,
+    height: n,
+    $: c
+  };
+}
+function q(t) {
+  return v(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = q(t);
+  if (!b(e))
+    return m(1);
+  const i = e.getBoundingClientRect(), {
+    width: n,
+    height: o,
+    $: r
+  } = Z(e);
+  let s = (r ? A(i.width) : i.width) / n, c = (r ? A(i.height) : i.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const gt = /* @__PURE__ */ m(0);
+function X(t) {
+  const e = L(t);
+  return !Y() || !e.visualViewport ? gt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function pt(t, e, i) {
+  return e === void 0 && (e = !1), !i || e && i !== L(t) ? !1 : e;
+}
+function T(t, e, i, n) {
+  e === void 0 && (e = !1), i === void 0 && (i = !1);
+  const o = t.getBoundingClientRect(), r = q(t);
+  let s = m(1);
+  e && (n ? v(n) && (s = F(n)) : s = F(t));
+  const c = pt(r, i, n) ? X(r) : m(0);
+  let l = (o.left + c.x) / s.x, f = (o.top + c.y) / s.y, u = o.width / s.x, h = o.height / s.y;
+  if (r) {
+    const p = L(r), a = n && v(n) ? L(n) : n;
+    let x = p, g = K(x);
+    for (; g && n && a !== x; ) {
+      const w = F(g), d = g.getBoundingClientRect(), y = R(g), C = d.left + (g.clientLeft + parseFloat(y.paddingLeft)) * w.x, B = d.top + (g.clientTop + parseFloat(y.paddingTop)) * w.y;
+      l *= w.x, f *= w.y, u *= w.x, h *= w.y, l += C, f += B, x = L(g), g = K(x);
+    }
+  }
+  return J({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function k(t, e) {
+  const i = N(t).scrollLeft;
+  return e ? e.left + i : T(O(t)).left + i;
+}
+function tt(t, e, i) {
+  i === void 0 && (i = !1);
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - (i ? 0 : (
+    // RTL <body> scrollbar.
+    k(t, n)
+  )), r = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: r
+  };
+}
+function wt(t) {
+  let {
+    elements: e,
+    rect: i,
+    offsetParent: n,
+    strategy: o
+  } = t;
+  const r = o === "fixed", s = O(n), c = e ? $(e.floating) : !1;
+  if (n === s || c && r)
+    return i;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = m(1);
+  const u = m(0), h = b(n);
+  if ((h || !h && !r) && ((M(n) !== "body" || _(s)) && (l = N(n)), b(n))) {
+    const a = T(n);
+    f = F(n), u.x = a.x + n.clientLeft, u.y = a.y + n.clientTop;
+  }
+  const p = s && !h && !r ? tt(s, l, !0) : m(0);
+  return {
+    width: i.width * f.x,
+    height: i.height * f.y,
+    x: i.x * f.x - l.scrollLeft * f.x + u.x + p.x,
+    y: i.y * f.y - l.scrollTop * f.y + u.y + p.y
+  };
+}
+function mt(t) {
+  return Array.from(t.getClientRects());
+}
+function xt(t) {
+  const e = O(t), i = N(t), n = t.ownerDocument.body, o = E(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), r = E(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let s = -i.scrollLeft + k(t);
+  const c = -i.scrollTop;
+  return R(n).direction === "rtl" && (s += E(e.clientWidth, n.clientWidth) - o), {
+    width: o,
+    height: r,
+    x: s,
+    y: c
+  };
+}
+function yt(t, e) {
+  const i = L(t), n = O(t), o = i.visualViewport;
+  let r = n.clientWidth, s = n.clientHeight, c = 0, l = 0;
+  if (o) {
+    r = o.width, s = o.height;
+    const f = Y();
+    (!f || f && e === "fixed") && (c = o.offsetLeft, l = o.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+const vt = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Rt(t, e) {
+  const i = T(t, !0, e === "fixed"), n = i.top + t.clientTop, o = i.left + t.clientLeft, r = b(t) ? F(t) : m(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = o * r.x, f = n * r.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: f
+  };
+}
+function j(t, e, i) {
+  let n;
+  if (e === "viewport")
+    n = yt(t, i);
+  else if (e === "document")
+    n = xt(O(t));
+  else if (v(e))
+    n = Rt(e, i);
+  else {
+    const o = X(t);
+    n = {
+      x: e.x - o.x,
+      y: e.y - o.y,
+      width: e.width,
+      height: e.height
     };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
+  }
+  return J(n);
+}
+function et(t, e) {
+  const i = W(t);
+  return i === e || !v(i) || H(i) ? !1 : R(i).position === "fixed" || et(i, e);
+}
+function Ot(t, e) {
+  const i = e.get(t);
+  if (i)
+    return i;
+  let n = V(t, [], !1).filter((c) => v(c) && M(c) !== "body"), o = null;
+  const r = R(t).position === "fixed";
+  let s = r ? W(t) : t;
+  for (; v(s) && !H(s); ) {
+    const c = R(s), l = Q(s);
+    !l && c.position === "fixed" && (o = null), (r ? !l && !o : !l && c.position === "static" && !!o && vt.has(o.position) || _(s) && !l && et(t, s)) ? n = n.filter((u) => u !== s) : o = c, s = W(s);
+  }
+  return e.set(t, n), n;
 }
+function bt(t) {
+  let {
+    element: e,
+    boundary: i,
+    rootBoundary: n,
+    strategy: o
+  } = t;
+  const s = [...i === "clippingAncestors" ? $(e) ? [] : Ot(e, this._c) : [].concat(i), n], c = s[0], l = s.reduce((f, u) => {
+    const h = j(e, u, o);
+    return f.top = E(h.top, f.top), f.right = S(h.right, f.right), f.bottom = S(h.bottom, f.bottom), f.left = E(h.left, f.left), f;
+  }, j(e, c, o));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function Ct(t) {
+  const {
+    width: e,
+    height: i
+  } = Z(t);
+  return {
+    width: e,
+    height: i
+  };
+}
+function Lt(t, e, i) {
+  const n = b(e), o = O(e), r = i === "fixed", s = T(t, !0, r, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = m(0);
+  function f() {
+    l.x = k(o);
+  }
+  if (n || !n && !r)
+    if ((M(e) !== "body" || _(o)) && (c = N(e)), n) {
+      const a = T(e, !0, r, e);
+      l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    } else o && f();
+  r && !n && o && f();
+  const u = o && !n && !r ? tt(o, c) : m(0), h = s.left + c.scrollLeft - l.x - u.x, p = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: h,
+    y: p,
+    width: s.width,
+    height: s.height
+  };
+}
+function I(t) {
+  return R(t).position === "static";
+}
+function G(t, e) {
+  if (!b(t) || R(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let i = t.offsetParent;
+  return O(t) === i && (i = i.ownerDocument.body), i;
+}
+function it(t, e) {
+  const i = L(t);
+  if ($(t))
+    return i;
+  if (!b(t)) {
+    let o = W(t);
+    for (; o && !H(o); ) {
+      if (v(o) && !I(o))
+        return o;
+      o = W(o);
+    }
+    return i;
+  }
+  let n = G(t, e);
+  for (; n && at(n) && I(n); )
+    n = G(n, e);
+  return n && H(n) && I(n) && !Q(n) ? i : n || dt(t) || i;
+}
+const Tt = async function(t) {
+  const e = this.getOffsetParent || it, i = this.getDimensions, n = await i(t.floating);
+  return {
+    reference: Lt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Et(t) {
+  return R(t).direction === "rtl";
+}
+const Ft = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: wt,
+  getDocumentElement: O,
+  getClippingRect: bt,
+  getOffsetParent: it,
+  getElementRects: Tt,
+  getClientRects: mt,
+  getDimensions: Ct,
+  getScale: F,
+  isElement: v,
+  isRTL: Et
+};
+function nt(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Wt(t, e) {
+  let i = null, n;
+  const o = O(t);
+  function r() {
+    var c;
+    clearTimeout(n), (c = i) == null || c.disconnect(), i = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    const f = t.getBoundingClientRect(), {
+      left: u,
+      top: h,
+      width: p,
+      height: a
+    } = f;
+    if (c || e(), !p || !a)
+      return;
+    const x = D(h), g = D(o.clientWidth - (u + p)), w = D(o.clientHeight - (h + a)), d = D(u), C = {
+      rootMargin: -x + "px " + -g + "px " + -w + "px " + -d + "px",
+      threshold: E(0, S(1, l)) || 1
+    };
+    let B = !0;
+    function P(U) {
+      const z = U[0].intersectionRatio;
+      if (z !== l) {
+        if (!B)
+          return s();
+        z ? s(!1, z) : n = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      z === 1 && !nt(f, t.getBoundingClientRect()) && s(), B = !1;
+    }
+    try {
+      i = new IntersectionObserver(P, {
+        ...C,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      i = new IntersectionObserver(P, C);
+    }
+    i.observe(t);
+  }
+  return s(!0), r;
+}
+function At(t, e, i, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = n, f = q(t), u = o || r ? [...f ? V(f) : [], ...V(e)] : [];
+  u.forEach((d) => {
+    o && d.addEventListener("scroll", i, {
+      passive: !0
+    }), r && d.addEventListener("resize", i);
+  });
+  const h = f && c ? Wt(f, i) : null;
+  let p = -1, a = null;
+  s && (a = new ResizeObserver((d) => {
+    let [y] = d;
+    y && y.target === f && a && (a.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var C;
+      (C = a) == null || C.observe(e);
+    })), i();
+  }), f && !l && a.observe(f), a.observe(e));
+  let x, g = l ? T(t) : null;
+  l && w();
+  function w() {
+    const d = T(t);
+    g && !nt(g, d) && i(), g = d, x = requestAnimationFrame(w);
+  }
+  return i(), () => {
+    var d;
+    u.forEach((y) => {
+      o && y.removeEventListener("scroll", i), r && y.removeEventListener("resize", i);
+    }), h == null || h(), (d = a) == null || d.disconnect(), a = null, l && cancelAnimationFrame(x);
+  };
+}
+const Ht = ot, Nt = st, It = rt, St = ct, Vt = lt, $t = ht, Mt = ft, _t = (t, e, i) => {
+  const n = /* @__PURE__ */ new Map(), o = {
+    platform: Ft,
+    ...i
+  }, r = {
+    ...o.platform,
+    _c: n
+  };
+  return ut(t, e, {
+    ...o,
+    platform: r
+  });
+};
 export {
-  p as useEscapeKeydown
+  $t as arrow,
+  At as autoUpdate,
+  _t as computePosition,
+  It as flip,
+  V as getOverflowAncestors,
+  Vt as hide,
+  Mt as limitShift,
+  Ht as offset,
+  Ft as platform,
+  Nt as shift,
+  St as size
 };

package/dist/ui.es59.js CHANGED Viewed

@@ -1,208 +1,27 @@
-import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, limitShift as X, arrow as z } from "./ui.es62.js";
-import { autoUpdate as pe, platform as ge } from "./ui.es62.js";
-import * as o from "react";
-import { useLayoutEffect as Y } from "react";
-import * as Z from "react-dom";
-var b = typeof document < "u", ee = function() {
-}, w = b ? Y : ee;
-function R(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, r, i;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (!R(e[r], t[r]))
-          return !1;
-      return !0;
-    }
-    if (i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, i[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      const p = i[r];
-      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function A(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function L(e, t) {
-  const n = A(e);
-  return Math.round(t * n) / n;
-}
-function k(e) {
-  const t = o.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), t;
-}
-function oe(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
-    platform: i,
-    elements: {
-      reference: p,
-      floating: q
-    } = {},
-    transform: D = !0,
-    whileElementsMounted: E,
-    open: x
-  } = e, [s, C] = o.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [M, B] = o.useState(r);
-  R(M, r) || B(r);
-  const [U, V] = o.useState(null), [W, G] = o.useState(null), O = o.useCallback((f) => {
-    f !== a.current && (a.current = f, V(f));
-  }, []), _ = o.useCallback((f) => {
-    f !== d.current && (d.current = f, G(f));
-  }, []), u = p || U, l = q || W, a = o.useRef(null), d = o.useRef(null), y = o.useRef(s), H = E != null, S = k(E), P = k(i), v = k(x), g = o.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const f = {
-      placement: t,
-      strategy: n,
-      middleware: M
-    };
-    P.current && (f.platform = P.current), I(a.current, d.current, f).then((h) => {
-      const m = {
-        ...h,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: v.current !== !1
-      };
-      $.current && !R(y.current, m) && (y.current = m, Z.flushSync(() => {
-        C(m);
-      }));
-    });
-  }, [M, t, n, P, v]);
-  w(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((f) => ({
-      ...f,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = o.useRef(!1);
-  w(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), w(() => {
-    if (u && (a.current = u), l && (d.current = l), u && l) {
-      if (S.current)
-        return S.current(u, l, g);
-      g();
-    }
-  }, [u, l, g, S, H]);
-  const F = o.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: O,
-    setFloating: _
-  }), [O, _]), c = o.useMemo(() => ({
-    reference: u,
-    floating: l
-  }), [u, l]), j = o.useMemo(() => {
-    const f = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!c.floating)
-      return f;
-    const h = L(c.floating, s.x), m = L(c.floating, s.y);
-    return D ? {
-      ...f,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...A(c.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, D, c.floating, s.x, s.y]);
-  return o.useMemo(() => ({
-    ...s,
-    update: g,
-    refs: F,
-    elements: c,
-    floatingStyles: j
-  }), [s, g, F, c, j]);
-}
-const te = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: r,
-        padding: i
-      } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? z({
-        element: r.current,
-        padding: i
-      }).fn(n) : {} : r ? z({
-        element: r,
-        padding: i
-      }).fn(n) : {};
-    }
-  };
-}, fe = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...X(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...N(e),
-  options: [e, t]
-}), le = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), ce = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), ae = (e, t) => ({
-  ...te(e),
-  options: [e, t]
-});
+import { forwardRef as m, createElement as l } from "react";
+import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./ui.es60.js";
+import n from "./ui.es61.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const C = (e, t) => {
+  const o = m(
+    ({ className: a, ...s }, c) => l(n, {
+      ref: c,
+      iconNode: t,
+      className: d(
+        `lucide-${f(r(e))}`,
+        `lucide-${e}`,
+        a
+      ),
+      ...s
+    })
+  );
+  return o.displayName = r(e), o;
+};
 export {
-  ae as arrow,
-  pe as autoUpdate,
-  I as computePosition,
-  ue as flip,
-  ce as hide,
-  se as limitShift,
-  fe as offset,
-  ge as platform,
-  ie as shift,
-  le as size,
-  oe as useFloating
+  C as default
 };

package/dist/ui.es60.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import * as n from "react";
-import { Primitive as p } from "./ui.es44.js";
-import { j as o } from "./ui.es17.js";
-var v = "Arrow", e = n.forwardRef((r, i) => {
-  const { children: t, width: s = 10, height: a = 5, ...m } = r;
-  return /* @__PURE__ */ o.jsx(
-    p.svg,
-    {
-      ...m,
-      ref: i,
-      width: s,
-      height: a,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: r.asChild ? t : /* @__PURE__ */ o.jsx("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-e.displayName = v;
-var h = e;
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), n = (t) => {
+  const e = a(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
 export {
-  e as Arrow,
-  h as Root
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
 };