@plyaz/ui 0.4.1 → 0.4.2

package/dist/ui.es71.js

@@ -0,0 +1,130 @@
+const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
+  x: t,
+  y: t
+}), h = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, x = {
+  start: "end",
+  end: "start"
+};
+function R(t, e, n) {
+  return p(t, m(e, n));
+}
+function T(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function g(t) {
+  return t.split("-")[0];
+}
+function a(t) {
+  return t.split("-")[1];
+}
+function b(t) {
+  return t === "x" ? "y" : "x";
+}
+function d(t) {
+  return t === "y" ? "height" : "width";
+}
+const A = /* @__PURE__ */ new Set(["top", "bottom"]);
+function P(t) {
+  return A.has(g(t)) ? "y" : "x";
+}
+function y(t) {
+  return b(P(t));
+}
+function k(t, e, n) {
+  n === void 0 && (n = !1);
+  const r = a(t), i = y(t), o = d(i);
+  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
+}
+function q(t) {
+  const e = f(t);
+  return [s(t), e, s(e)];
+}
+function s(t) {
+  return t.replace(/start|end/g, (e) => x[e]);
+}
+const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
+function S(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? l : u : e ? u : l;
+    case "left":
+    case "right":
+      return e ? M : O;
+    default:
+      return [];
+  }
+}
+function z(t, e, n, r) {
+  const i = a(t);
+  let o = S(g(t), n === "start", r);
+  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
+}
+function f(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
+}
+function w(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function B(t) {
+  return typeof t != "number" ? w(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function D(t) {
+  const {
+    x: e,
+    y: n,
+    width: r,
+    height: i
+  } = t;
+  return {
+    width: r,
+    height: i,
+    top: n,
+    left: e,
+    right: e + r,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+export {
+  R as clamp,
+  E as createCoords,
+  T as evaluate,
+  w as expandPaddingObject,
+  L as floor,
+  a as getAlignment,
+  y as getAlignmentAxis,
+  k as getAlignmentSides,
+  d as getAxisLength,
+  q as getExpandedPlacements,
+  s as getOppositeAlignmentPlacement,
+  b as getOppositeAxis,
+  z as getOppositeAxisPlacements,
+  f as getOppositePlacement,
+  B as getPaddingObject,
+  g as getSide,
+  P as getSideAxis,
+  p as max,
+  m as min,
+  D as rectToClientRect,
+  C as round,
+  j as sides
+};

package/dist/ui.es72.js

@@ -0,0 +1,136 @@
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+export {
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
+};

package/dist/ui.es73.js

@@ -0,0 +1,71 @@
+import * as d from "react";
+import { styleSingleton as f } from "./ui.es74.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./ui.es65.js";
+import { getGapWidth as m } from "./ui.es80.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
+export {
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
+};

package/dist/ui.es74.js

@@ -0,0 +1,11 @@
+import { styleHookSingleton as o } from "./ui.es81.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
+  };
+  return n;
+};
+export {
+  s as styleSingleton
+};

package/dist/ui.es75.js

@@ -0,0 +1,16 @@
+var r = !1;
+if (typeof window < "u")
+  try {
+    var e = Object.defineProperty({}, "passive", {
+      get: function() {
+        return r = !0, !0;
+      }
+    });
+    window.addEventListener("test", e, e), window.removeEventListener("test", e, e);
+  } catch {
+    r = !1;
+  }
+var a = r ? { passive: !1 } : !1;
+export {
+  a as nonPassive
+};

package/dist/ui.es76.js

@@ -0,0 +1,68 @@
+var N = function(r) {
+  return r.tagName === "TEXTAREA";
+}, b = function(r, e) {
+  if (!(r instanceof Element))
+    return !1;
+  var t = window.getComputedStyle(r);
+  return (
+    // not-not-scrollable
+    t[e] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
+  );
+}, D = function(r) {
+  return b(r, "overflowY");
+}, E = function(r) {
+  return b(r, "overflowX");
+}, T = function(r, e) {
+  var t = e.ownerDocument, l = e;
+  do {
+    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
+    var f = g(r, l);
+    if (f) {
+      var n = m(r, l), i = n[1], o = n[2];
+      if (i > o)
+        return !0;
+    }
+    l = l.parentNode;
+  } while (l && l !== t.body);
+  return !1;
+}, H = function(r) {
+  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
+  return [
+    e,
+    t,
+    l
+  ];
+}, p = function(r) {
+  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
+  return [
+    e,
+    t,
+    l
+  ];
+}, g = function(r, e) {
+  return r === "v" ? D(e) : E(e);
+}, m = function(r, e) {
+  return r === "v" ? H(e) : p(e);
+}, B = function(r, e) {
+  return r === "h" && e === "rtl" ? -1 : 1;
+}, V = function(r, e, t, l, f) {
+  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
+  do {
+    if (!o)
+      break;
+    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
+    (v || w) && g(r, o) && (h += w, S += v);
+    var a = o.parentNode;
+    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
+  } while (
+    // portaled content
+    !d && o !== document.body || // self content
+    d && (e.contains(o) || e === o)
+  );
+  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
+};
+export {
+  V as handleScroll,
+  T as locationCouldBeScrolled
+};

package/dist/ui.es77.js

@@ -0,0 +1,67 @@
+import { __assign as d } from "./ui.es62.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/ui.es78.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/ui.es79.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/ui.es8.js

@@ -1,28 +1,24 @@
-import { j as a } from "./ui.es12.js";
+import { j as a } from "./ui.es16.js";
 import { Text as o } from "./ui.es11.js";
+import "./ui.es14.js";
 const m = {
   xs: "xs",
   sm: "sm",
   base: "base",
   lg: "lg"
-}, i = ({
-  children: s,
-  className: t,
-  size: e,
-  ...r
-}) => /* @__PURE__ */ a.jsx(
+}, x = ({ children: s, className: t, size: r, ...e }) => /* @__PURE__ */ a.jsx(
   o,
   {
     className: t,
     element: "p",
-    size: m[e],
+    size: m[r],
     variant: "body",
     weight: "normal",
-    ...r,
+    ...e,
     children: s
   }
 );
 export {
-  i as Paragraph,
-  i as default
+  x as Paragraph,
+  x as default
 };

package/dist/ui.es80.js

@@ -0,0 +1,25 @@
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
+};
+export {
+  f as getGapWidth,
+  a as zeroGap
+};

package/dist/ui.es81.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import { stylesheetSingleton as r } from "./ui.es82.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
+};
+export {
+  i as styleHookSingleton
+};

package/dist/ui.es82.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "./ui.es83.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/ui.es83.js

@@ -0,0 +1,7 @@
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+export {
+  e as getNonce
+};

package/dist/ui.es9.js

@@ -1,15 +1,12 @@
-import { j as s } from "./ui.es12.js";
-import { clsx as e } from "./ui.es13.js";
-import { Box as r } from "./ui.es2.js";
-const n = ({
-  className: m = "",
-  children: o,
-  ...t
-}) => /* @__PURE__ */ s.jsx(
-  r,
+import { j as r } from "./ui.es16.js";
+import { clsx as s } from "./ui.es17.js";
+import { Box as e } from "./ui.es2.js";
+import "./ui.es14.js";
+const a = ({ className: m = "", children: o, ...t }) => /* @__PURE__ */ r.jsx(
+  e,
   {
     element: "section",
-    className: e(
+    className: s(
       `
           mx-2 my-4 p-4
           sm:p-6
@@ -21,6 +18,6 @@ const n = ({
   }
 );
 export {
-  n as Section,
-  n as default
+  a as Section,
+  a as default
 };