neatkit 0.15.0 → 0.15.1

package/dist/useAnchoredPosition-xI79veB2.js

@@ -0,0 +1,79 @@
+import { useState as T } from "react";
+import { a as V } from "./effects-DGbA6Q2O.js";
+function K(o, n, t, e) {
+  return o === "start" ? n : o === "end" ? n + t - e : n + (t - e) / 2;
+}
+function W(o, n) {
+  const t = n.getComputedStyle(o);
+  let e = Number.parseFloat(t.width), i = Number.parseFloat(t.height);
+  t.boxSizing !== "border-box" && (e += (Number.parseFloat(t.paddingLeft) || 0) + (Number.parseFloat(t.paddingRight) || 0) + (Number.parseFloat(t.borderLeftWidth) || 0) + (Number.parseFloat(t.borderRightWidth) || 0), i += (Number.parseFloat(t.paddingTop) || 0) + (Number.parseFloat(t.paddingBottom) || 0) + (Number.parseFloat(t.borderTopWidth) || 0) + (Number.parseFloat(t.borderBottomWidth) || 0));
+  const s = o.offsetWidth, a = o.offsetHeight;
+  return {
+    width: Math.round(e) === s ? e : s,
+    height: Math.round(i) === a ? i : a
+  };
+}
+function H(o, n, t) {
+  const e = Math.max(o.left, 0), i = Math.max(o.top, 0), s = Math.min(o.right, n), a = Math.min(o.bottom, t);
+  return s <= e || a <= i ? o : { bottom: a, left: e, right: s, top: i };
+}
+const I = 8;
+function _(o, n) {
+  const t = n.getComputedStyle(o), e = Number.parseFloat(
+    t.getPropertyValue("--nk-space-8")
+  );
+  return Number.isFinite(e) ? e : I;
+}
+function X(o) {
+  const { active: n, boundary: t, fit: e, panel: i, trigger: s } = o, [a, m] = T(null);
+  return V(() => {
+    if (!n || !s || !t) {
+      m(null);
+      return;
+    }
+    const f = s, u = t, b = s.ownerDocument.defaultView;
+    if (!b) return;
+    const c = b;
+    let g;
+    function C() {
+      return g === void 0 && (g = _(
+        f,
+        c
+      )), g;
+    }
+    function d() {
+      const l = u.getBoundingClientRect(), p = W(u, c), A = i ? W(i, c) : void 0, P = f.getBoundingClientRect(), v = p.width > 0 && l.width > 0 ? l.width / p.width : 1, L = p.height > 0 && l.height > 0 ? l.height / p.height : 1;
+      function N(h) {
+        const F = (h.left - l.left) / v - u.clientLeft + u.scrollLeft, x = (h.top - l.top) / L - u.clientTop + u.scrollTop, B = (h.right - h.left) / v, S = (h.bottom - h.top) / L;
+        return {
+          bottom: x + S,
+          height: S,
+          left: F,
+          right: F + B,
+          top: x,
+          width: B
+        };
+      }
+      const y = H(
+        l,
+        c.innerWidth,
+        c.innerHeight
+      ), E = N(P), M = N(y), R = e({
+        panelSize: A,
+        readSpacing: C,
+        triggerBounds: E,
+        visibleBounds: M
+      });
+      m(R);
+    }
+    d(), c.addEventListener("scroll", d, !0), c.addEventListener("resize", d);
+    const w = c.ResizeObserver, r = w ? new w(d) : null;
+    return r == null || r.observe(f, { box: "border-box" }), r == null || r.observe(u, { box: "border-box" }), i && (r == null || r.observe(i, { box: "border-box" })), () => {
+      c.removeEventListener("scroll", d, !0), c.removeEventListener("resize", d), r == null || r.disconnect();
+    };
+  }, [n, t, e, i, s]), a;
+}
+export {
+  K as c,
+  X as u
+};

package/dist/useFloatingPosition-DPVO2E8O.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("react"),u=require("./useAnchoredPosition-CrdY2Eat.cjs");function P(o){return/^on[A-Z]/.test(o)}function A(o){return typeof o=="function"||o===void 0}function T(o,t){return o?t?function(i){o(i),t(i)}:o:t}function E(o,t){const e={...t};for(const[i,l]of Object.entries(t)){if(!P(i))continue;const f=o[i];!A(l)||!A(f)||(e[i]=T(f,l))}return t.className!==void 0?e.className=[o.className,t.className].filter(Boolean).join(" "):delete e.className,t.style!==void 0?e.style={...o.style,...t.style}:delete e.style,e}const F=12,x={bottom:"top",left:"right",right:"left",top:"bottom"};function N(o,t){const e=Math.min(F,t/2);return Math.min(Math.max(e,o),t-e)}function q(o){return x[o]}function w(o,t){return t==="left"||t==="right"?o.width:o.height}function I(o,t,e,i,l,f="center"){const h={bottom:l.bottom-e.bottom-t*2,left:e.left-l.left-t*2,right:l.right-e.right-t*2,top:e.top-l.top-t*2},m=q(o),a=w(i,o),c=h[o]<a&&h[m]>h[o]?m:o;let n=u.calculateAlignedPosition(f,e.left,e.width,i.width),s=u.calculateAlignedPosition(f,e.top,e.height,i.height);c==="top"?s=e.top-i.height-t:c==="bottom"?s=e.bottom+t:c==="left"?n=e.left-i.width-t:n=e.right+t;const M=l.left+t,O=l.top+t;n=Math.min(Math.max(M,n),Math.max(M,l.right-t-i.width)),s=Math.min(Math.max(O,s),Math.max(O,l.bottom-t-i.height));let r;return c==="top"||c==="bottom"?r=N(e.left+e.width/2-n,i.width):r=N(e.top+e.height/2-s,i.height),{arrowOffset:r,left:n,placement:c,top:s}}function _(o,t,e,i,l,f="center"){const h=b.useCallback(m=>{const{panelSize:a,readSpacing:v,triggerBounds:c,visibleBounds:n}=m;return a?I(t,v(),c,a,n,f):null},[f,t]);return u.useAnchoredPosition({active:o,boundary:l,fit:h,panel:i,trigger:e})}exports.resolveTriggerOverrides=E;exports.useFloatingPosition=_;

package/dist/useFloatingPosition-DktY7k-t.js

@@ -0,0 +1,110 @@
+import { useCallback as x } from "react";
+import { c as O, u as A } from "./useAnchoredPosition-xI79veB2.js";
+function E(o) {
+  return /^on[A-Z]/.test(o);
+}
+function N(o) {
+  return typeof o == "function" || o === void 0;
+}
+function T(o, t) {
+  return o ? t ? function(i) {
+    o(i), t(i);
+  } : o : t;
+}
+function G(o, t) {
+  const e = { ...t };
+  for (const [i, l] of Object.entries(t)) {
+    if (!E(i)) continue;
+    const f = o[i];
+    !N(l) || !N(f) || (e[i] = T(
+      f,
+      l
+    ));
+  }
+  return t.className !== void 0 ? e.className = [
+    o.className,
+    t.className
+  ].filter(Boolean).join(" ") : delete e.className, t.style !== void 0 ? e.style = {
+    ...o.style,
+    ...t.style
+  } : delete e.style, e;
+}
+const F = 12, P = {
+  bottom: "top",
+  left: "right",
+  right: "left",
+  top: "bottom"
+};
+function b(o, t) {
+  const e = Math.min(F, t / 2);
+  return Math.min(Math.max(e, o), t - e);
+}
+function p(o) {
+  return P[o];
+}
+function w(o, t) {
+  return t === "left" || t === "right" ? o.width : o.height;
+}
+function I(o, t, e, i, l, f = "center") {
+  const s = {
+    bottom: l.bottom - e.bottom - t * 2,
+    left: e.left - l.left - t * 2,
+    right: l.right - e.right - t * 2,
+    top: e.top - l.top - t * 2
+  }, n = p(o), a = w(i, o), h = s[o] < a && s[n] > s[o] ? n : o;
+  let m = O(
+    f,
+    e.left,
+    e.width,
+    i.width
+  ), c = O(
+    f,
+    e.top,
+    e.height,
+    i.height
+  );
+  h === "top" ? c = e.top - i.height - t : h === "bottom" ? c = e.bottom + t : h === "left" ? m = e.left - i.width - t : m = e.right + t;
+  const M = l.left + t, v = l.top + t;
+  m = Math.min(
+    Math.max(M, m),
+    Math.max(M, l.right - t - i.width)
+  ), c = Math.min(
+    Math.max(v, c),
+    Math.max(v, l.bottom - t - i.height)
+  );
+  let u;
+  return h === "top" || h === "bottom" ? u = b(
+    e.left + e.width / 2 - m,
+    i.width
+  ) : u = b(
+    e.top + e.height / 2 - c,
+    i.height
+  ), { arrowOffset: u, left: m, placement: h, top: c };
+}
+function H(o, t, e, i, l, f = "center") {
+  const s = x(
+    (n) => {
+      const { panelSize: a, readSpacing: r, triggerBounds: h, visibleBounds: m } = n;
+      return a ? I(
+        t,
+        r(),
+        h,
+        a,
+        m,
+        f
+      ) : null;
+    },
+    [f, t]
+  );
+  return A({
+    active: o,
+    boundary: l,
+    fit: s,
+    panel: i,
+    trigger: e
+  });
+}
+export {
+  G as r,
+  H as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neatkit",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "description": "A modern, composable UI library for the web.",
   "keywords": [
     "library",

package/dist/useAnchoredPosition-BEzN03Oi.cjs

@@ -1 +0,0 @@
-"use strict";const L=require("react");function A(o,e,t,i){return o==="start"?e:o==="end"?e+t-i:e+(t-i)/2}const E=12,T={bottom:"top",left:"right",right:"left",top:"bottom"};function C(o,e){const t=Math.min(E,e/2);return Math.min(Math.max(t,o),e-t)}function x(o){return T[o]}function F(o,e){return e==="left"||e==="right"?o.width:o.height}function R(o,e,t){const i=Math.max(o.left,0),n=Math.max(o.top,0),f=Math.min(o.right,e),r=Math.min(o.bottom,t);return f<=i||r<=n?o:{bottom:r,left:i,right:f,top:n}}function S(o,e,t,i,n,f="center"){const r={bottom:n.bottom-t.bottom-e*2,left:t.left-n.left-e*2,right:n.right-t.right-e*2,top:t.top-n.top-e*2},p=x(o),w=F(i,o),s=r[o]<w&&r[p]>r[o]?p:o;let l=A(f,t.left,t.width,i.width),h=A(f,t.top,t.height,i.height);s==="top"?h=t.top-i.height-e:s==="bottom"?h=t.bottom+e:s==="left"?l=t.left-i.width-e:l=t.right+e;const P=n.left+e,m=n.top+e;l=Math.min(Math.max(P,l),Math.max(P,n.right-e-i.width)),h=Math.min(Math.max(m,h),Math.max(m,n.bottom-e-i.height));let u;return s==="top"||s==="bottom"?u=C(t.left+t.width/2-l,i.width):u=C(t.top+t.height/2-h,i.height),{arrowOffset:u,left:l,placement:s,top:h}}const N=8;function b(o,e){const t=e.getComputedStyle(o),i=Number.parseFloat(t.getPropertyValue("--nk-space-8"));return Number.isFinite(i)?i:N}function _(o){const{active:e,boundary:t,fit:i,panel:n,trigger:f}=o,[r,p]=L.useState(null);return L.useEffect(()=>{if(!e||!f||!t){p(null);return}const w=f,a=t,s=f.ownerDocument.defaultView;if(!s)return;const l=s;let h;function P(){return h===void 0&&(h=b(w,l)),h}function m(){const v=a.getBoundingClientRect(),M=i({panelBounds:n==null?void 0:n.getBoundingClientRect(),readSpacing:P,triggerBounds:w.getBoundingClientRect(),visibleBounds:R(v,l.innerWidth,l.innerHeight)});if(!M){p(null);return}p({...M,left:M.left-v.left-a.clientLeft+a.scrollLeft,top:M.top-v.top-a.clientTop+a.scrollTop})}m(),l.addEventListener("scroll",m,!0),l.addEventListener("resize",m);const u=l.ResizeObserver,c=u?new u(m):null;return c==null||c.observe(w),c==null||c.observe(a),n&&(c==null||c.observe(n)),()=>{l.removeEventListener("scroll",m,!0),l.removeEventListener("resize",m),c==null||c.disconnect()}},[e,t,i,n,f]),r}exports.calculateAlignedPosition=A;exports.calculateFloatingPosition=S;exports.useAnchoredPosition=_;

package/dist/useAnchoredPosition-BIXEDNSo.js

@@ -1,119 +0,0 @@
-import { useState as x, useEffect as C } from "react";
-function A(o, e, t, i) {
-  return o === "start" ? e : o === "end" ? e + t - i : e + (t - i) / 2;
-}
-const E = 12, T = {
-  bottom: "top",
-  left: "right",
-  right: "left",
-  top: "bottom"
-};
-function L(o, e) {
-  const t = Math.min(E, e / 2);
-  return Math.min(Math.max(t, o), e - t);
-}
-function R(o) {
-  return T[o];
-}
-function S(o, e) {
-  return e === "left" || e === "right" ? o.width : o.height;
-}
-function F(o, e, t) {
-  const i = Math.max(o.left, 0), n = Math.max(o.top, 0), f = Math.min(o.right, e), s = Math.min(o.bottom, t);
-  return f <= i || s <= n ? o : { bottom: s, left: i, right: f, top: n };
-}
-function H(o, e, t, i, n, f = "center") {
-  const s = {
-    bottom: n.bottom - t.bottom - e * 2,
-    left: t.left - n.left - e * 2,
-    right: n.right - t.right - e * 2,
-    top: t.top - n.top - e * 2
-  }, p = R(o), w = S(i, o), m = s[o] < w && s[p] > s[o] ? p : o;
-  let l = A(
-    f,
-    t.left,
-    t.width,
-    i.width
-  ), h = A(
-    f,
-    t.top,
-    t.height,
-    i.height
-  );
-  m === "top" ? h = t.top - i.height - e : m === "bottom" ? h = t.bottom + e : m === "left" ? l = t.left - i.width - e : l = t.right + e;
-  const M = n.left + e, r = n.top + e;
-  l = Math.min(
-    Math.max(M, l),
-    Math.max(M, n.right - e - i.width)
-  ), h = Math.min(
-    Math.max(r, h),
-    Math.max(r, n.bottom - e - i.height)
-  );
-  let u;
-  return m === "top" || m === "bottom" ? u = L(
-    t.left + t.width / 2 - l,
-    i.width
-  ) : u = L(
-    t.top + t.height / 2 - h,
-    i.height
-  ), { arrowOffset: u, left: l, placement: m, top: h };
-}
-const N = 8;
-function b(o, e) {
-  const t = e.getComputedStyle(o), i = Number.parseFloat(
-    t.getPropertyValue("--nk-space-8")
-  );
-  return Number.isFinite(i) ? i : N;
-}
-function I(o) {
-  const { active: e, boundary: t, fit: i, panel: n, trigger: f } = o, [s, p] = x(null);
-  return C(() => {
-    if (!e || !f || !t) {
-      p(null);
-      return;
-    }
-    const w = f, a = t, m = f.ownerDocument.defaultView;
-    if (!m) return;
-    const l = m;
-    let h;
-    function M() {
-      return h === void 0 && (h = b(
-        w,
-        l
-      )), h;
-    }
-    function r() {
-      const P = a.getBoundingClientRect(), v = i({
-        panelBounds: n == null ? void 0 : n.getBoundingClientRect(),
-        readSpacing: M,
-        triggerBounds: w.getBoundingClientRect(),
-        // Fit against the visible part of the boundary so a boundary taller
-        // than the viewport cannot place the content below the fold.
-        visibleBounds: F(
-          P,
-          l.innerWidth,
-          l.innerHeight
-        )
-      });
-      if (!v) {
-        p(null);
-        return;
-      }
-      p({
-        ...v,
-        left: v.left - P.left - a.clientLeft + a.scrollLeft,
-        top: v.top - P.top - a.clientTop + a.scrollTop
-      });
-    }
-    r(), l.addEventListener("scroll", r, !0), l.addEventListener("resize", r);
-    const u = l.ResizeObserver, c = u ? new u(r) : null;
-    return c == null || c.observe(w), c == null || c.observe(a), n && (c == null || c.observe(n)), () => {
-      l.removeEventListener("scroll", r, !0), l.removeEventListener("resize", r), c == null || c.disconnect();
-    };
-  }, [e, t, i, n, f]), s;
-}
-export {
-  A as a,
-  H as c,
-  I as u
-};

package/dist/useFloatingPosition-8_GSpDjw.cjs

@@ -1 +0,0 @@
-"use strict";const v=require("react"),u=require("./useAnchoredPosition-BEzN03Oi.cjs");function y(e){return/^on[A-Z]/.test(e)}function l(e){return typeof e=="function"||e===void 0}function N(e,n){return e?n?function(s){e(s),n(s)}:e:n}function g(e,n){const t={...n};for(const[s,o]of Object.entries(n)){if(!y(s))continue;const i=e[s];!l(o)||!l(i)||(t[s]=N(i,o))}return n.className!==void 0?t.className=[e.className,n.className].filter(Boolean).join(" "):delete t.className,n.style!==void 0?t.style={...e.style,...n.style}:delete t.style,t}function b(e,n,t,s,o,i="center"){const a=v.useCallback(r=>{const{panelBounds:c,readSpacing:f,triggerBounds:d,visibleBounds:m}=r;return c?u.calculateFloatingPosition(n,f(),d,c,m,i):null},[i,n]);return u.useAnchoredPosition({active:e,boundary:o,fit:a,panel:s,trigger:t})}exports.resolveTriggerOverrides=g;exports.useFloatingPosition=b;

package/dist/useFloatingPosition-Cizey9UN.js

@@ -1,58 +0,0 @@
-import { useCallback as d } from "react";
-import { c as v, u as y } from "./useAnchoredPosition-BIXEDNSo.js";
-function N(e) {
-  return /^on[A-Z]/.test(e);
-}
-function u(e) {
-  return typeof e == "function" || e === void 0;
-}
-function b(e, n) {
-  return e ? n ? function(s) {
-    e(s), n(s);
-  } : e : n;
-}
-function F(e, n) {
-  const t = { ...n };
-  for (const [s, i] of Object.entries(n)) {
-    if (!N(s)) continue;
-    const o = e[s];
-    !u(i) || !u(o) || (t[s] = b(
-      o,
-      i
-    ));
-  }
-  return n.className !== void 0 ? t.className = [
-    e.className,
-    n.className
-  ].filter(Boolean).join(" ") : delete t.className, n.style !== void 0 ? t.style = {
-    ...e.style,
-    ...n.style
-  } : delete t.style, t;
-}
-function g(e, n, t, s, i, o = "center") {
-  const a = d(
-    (c) => {
-      const { panelBounds: l, readSpacing: f, triggerBounds: r, visibleBounds: m } = c;
-      return l ? v(
-        n,
-        f(),
-        r,
-        l,
-        m,
-        o
-      ) : null;
-    },
-    [o, n]
-  );
-  return y({
-    active: e,
-    boundary: i,
-    fit: a,
-    panel: s,
-    trigger: t
-  });
-}
-export {
-  F as r,
-  g as u
-};