@plyaz/ui 0.4.1 → 0.4.2

package/dist/ui.es42.js

@@ -0,0 +1,16 @@
+import * as r from "react";
+import f from "react-dom";
+import { Primitive as u } from "./ui.es43.js";
+import { useLayoutEffect as c } from "./ui.es46.js";
+import { j as l } from "./ui.es16.js";
+var p = "Portal", d = r.forwardRef((e, a) => {
+  var o;
+  const { container: s, ...i } = e, [m, n] = r.useState(!1);
+  c(() => n(!0), []);
+  const t = s || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
+  return t ? f.createPortal(/* @__PURE__ */ l.jsx(u.div, { ...i, ref: a }), t) : null;
+});
+d.displayName = p;
+export {
+  d as Portal
+};

package/dist/ui.es43.js

@@ -0,0 +1,36 @@
+import * as p from "react";
+import * as f from "react-dom";
+import { createSlot as c } from "./ui.es19.js";
+import { j as u } from "./ui.es16.js";
+var l = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], h = l.reduce((t, i) => {
+  const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
+    const { asChild: m, ...a } = e, n = m ? o : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
+function w(t, i) {
+  t && f.flushSync(() => t.dispatchEvent(i));
+}
+export {
+  h as Primitive,
+  w as dispatchDiscreteCustomEvent
+};

package/dist/ui.es44.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+function o(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...n) => {
+    var u;
+    return (u = e.current) == null ? void 0 : u.call(e, ...n);
+  }, []);
+}
+export {
+  o as useCallbackRef
+};

package/dist/ui.es45.js

@@ -0,0 +1,54 @@
+import * as n from "react";
+import { useLayoutEffect as v } from "./ui.es46.js";
+var E = n[" useInsertionEffect ".trim().toString()] || v;
+function y({
+  prop: t,
+  defaultProp: u,
+  onChange: o = () => {
+  },
+  caller: i
+}) {
+  const [l, e, r] = w({
+    defaultProp: u,
+    onChange: o
+  }), c = t !== void 0, a = c ? t : l;
+  {
+    const s = n.useRef(t !== void 0);
+    n.useEffect(() => {
+      const f = s.current;
+      f !== c && console.warn(
+        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), s.current = c;
+    }, [c, i]);
+  }
+  const m = n.useCallback(
+    (s) => {
+      var f;
+      if (c) {
+        const d = R(s) ? s(t) : s;
+        d !== t && ((f = r.current) == null || f.call(r, d));
+      } else
+        e(s);
+    },
+    [c, t, e, r]
+  );
+  return [a, m];
+}
+function w({
+  defaultProp: t,
+  onChange: u
+}) {
+  const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
+  return E(() => {
+    e.current = u;
+  }, [u]), n.useEffect(() => {
+    var r;
+    l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
+  }, [o, l]), [o, i, e];
+}
+function R(t) {
+  return typeof t == "function";
+}
+export {
+  y as useControllableState
+};

package/dist/ui.es46.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
+export {
+  e as useLayoutEffect
+};

package/dist/ui.es47.js

@@ -0,0 +1,8 @@
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
+}
+export {
+  t as usePrevious
+};

package/dist/ui.es48.js

@@ -0,0 +1,30 @@
+import * as i from "react";
+import { Primitive as a } from "./ui.es43.js";
+import { j as t } from "./ui.es16.js";
+var o = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), d = "VisuallyHidden", s = i.forwardRef(
+  (r, e) => /* @__PURE__ */ t.jsx(
+    a.span,
+    {
+      ...r,
+      ref: e,
+      style: { ...o, ...r.style }
+    }
+  )
+);
+s.displayName = d;
+export {
+  o as VISUALLY_HIDDEN_STYLES,
+  s as VisuallyHidden
+};

package/dist/ui.es49.js

@@ -0,0 +1,52 @@
+var S = function(r) {
+  if (typeof document > "u")
+    return null;
+  var u = Array.isArray(r) ? r[0] : r;
+  return u.ownerDocument.body;
+}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
+  return r && (r.host || W(r.parentNode));
+}, D = function(r, u) {
+  return u.map(function(e) {
+    if (r.contains(e))
+      return e;
+    var n = W(e);
+    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
+  }).filter(function(e) {
+    return !!e;
+  });
+}, E = function(r, u, e, n) {
+  var i = D(u, Array.isArray(r) ? r : [r]);
+  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
+  var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
+    !t || o.has(t) || (o.add(t), y(t.parentNode));
+  };
+  i.forEach(y);
+  var A = function(t) {
+    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
+      if (o.has(a))
+        A(a);
+      else
+        try {
+          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
+          f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
+        } catch (k) {
+          console.error("aria-hidden: cannot operate on ", a, k);
+        }
+    });
+  };
+  return A(u), o.clear(), h++, function() {
+    l.forEach(function(t) {
+      var a = f.get(t) - 1, c = s.get(t) - 1;
+      f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
+    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
+  };
+}, C = function(r, u, e) {
+  e === void 0 && (e = "data-aria-hidden");
+  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
+  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
+    return null;
+  };
+};
+export {
+  C as hideOthers
+};

package/dist/ui.es5.js

@@ -1,35 +1,36 @@
-import { j as a } from "./ui.es12.js";
-import { clsx as f } from "./ui.es13.js";
+import { j as a } from "./ui.es16.js";
+import { clsx as f } from "./ui.es17.js";
 import { Box as A } from "./ui.es2.js";
-import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es14.js";
-const l = ({
+import { JUASTIFY_MAPPER as P, ALIGN_MAPPER as c } from "./ui.es18.js";
+import "./ui.es14.js";
+const n = ({
   children: m,
   className: t,
   cols: s,
   rows: p,
-  gap: x,
+  gap: i,
   justify: r,
   align: o,
-  element: e,
-  ...i
+  element: x,
+  ...e
 }) => /* @__PURE__ */ a.jsx(
   A,
   {
-    element: e,
+    element: x,
     className: f(
       "grid",
       s,
       p,
-      x,
+      i,
       r && P[r],
       o && c[o],
       t
     ),
-    ...i,
+    ...e,
     children: m
   }
 );
 export {
-  l as Grid,
-  l as default
+  n as Grid,
+  n as default
 };

package/dist/ui.es50.js

@@ -0,0 +1,11 @@
+import { __assign as m } from "./ui.es62.js";
+import * as r from "react";
+import { RemoveScroll as e } from "./ui.es63.js";
+import t from "./ui.es64.js";
+var s = r.forwardRef(function(a, o) {
+  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
+});
+s.classNames = e.classNames;
+export {
+  s as default
+};

package/dist/ui.es51.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/ui.es52.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/ui.es53.js

@@ -0,0 +1,14 @@
+import * as r from "react";
+import { useCallbackRef as s } from "./ui.es44.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);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+export {
+  p as useEscapeKeydown
+};

package/dist/ui.es54.js

@@ -0,0 +1,208 @@
+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.es57.js";
+import { autoUpdate as pe, platform as ge } from "./ui.es57.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]
+});
+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
+};

package/dist/ui.es55.js

@@ -0,0 +1,24 @@
+import * as n from "react";
+import { Primitive as p } from "./ui.es43.js";
+import { j as o } from "./ui.es16.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;
+export {
+  e as Arrow,
+  h as Root
+};

package/dist/ui.es56.js

@@ -0,0 +1,27 @@
+import * as h from "react";
+import { useLayoutEffect as z } from "./ui.es46.js";
+function c(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
+}
+export {
+  c as useSize
+};