@plyaz/ui 0.4.4 → 0.4.6

package/dist/ui.es43.js

@@ -1,36 +1,16 @@
-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));
-}
+import * as r from "react";
+import f from "react-dom";
+import { Primitive as u } from "./ui.es44.js";
+import { useLayoutEffect as c } from "./ui.es47.js";
+import { j as l } from "./ui.es17.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 {
-  h as Primitive,
-  w as dispatchDiscreteCustomEvent
+  d as Portal
 };

package/dist/ui.es44.js

@@ -1,13 +1,36 @@
-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);
-  }, []);
+import * as p from "react";
+import * as f from "react-dom";
+import { createSlot as c } from "./ui.es20.js";
+import { j as u } from "./ui.es17.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 {
-  o as useCallbackRef
+  h as Primitive,
+  w as dispatchDiscreteCustomEvent
 };

package/dist/ui.es45.js

@@ -1,54 +1,13 @@
-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";
+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 {
-  y as useControllableState
+  o as useCallbackRef
 };

package/dist/ui.es46.js

@@ -1,6 +1,54 @@
-import * as t from "react";
-var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
-};
+import * as n from "react";
+import { useLayoutEffect as v } from "./ui.es47.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 {
-  e as useLayoutEffect
+  y as useControllableState
 };

package/dist/ui.es47.js

@@ -1,8 +1,6 @@
-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]);
-}
+import * as t from "react";
+var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
 export {
-  t as usePrevious
+  e as useLayoutEffect
 };

package/dist/ui.es48.js

@@ -1,30 +1,8 @@
-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;
+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 {
-  o as VISUALLY_HIDDEN_STYLES,
-  s as VisuallyHidden
+  t as usePrevious
 };

package/dist/ui.es49.js

@@ -1,52 +1,30 @@
-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;
-  };
-};
+import * as i from "react";
+import { Primitive as a } from "./ui.es44.js";
+import { j as t } from "./ui.es17.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 {
-  C as hideOthers
+  o as VISUALLY_HIDDEN_STYLES,
+  s as VisuallyHidden
 };

package/dist/ui.es5.js

@@ -1,36 +1,46 @@
-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.es18.js";
-import "./ui.es14.js";
-const n = ({
-  children: m,
-  className: t,
-  cols: s,
-  rows: p,
-  gap: i,
-  justify: r,
-  align: o,
-  element: x,
-  ...e
-}) => /* @__PURE__ */ a.jsx(
-  A,
+import { j as t } from "./ui.es17.js";
+import { clsx as P } from "./ui.es18.js";
+/* empty css       */
+import { Box as w } from "./ui.es3.js";
+import { JUASTIFY_MAPPER as a, ALIGN_MAPPER as c, GAP as A } from "./ui.es19.js";
+import "./ui.es15.js";
+const R = {
+  row: "flex-row",
+  col: "flex-col",
+  row_reverse: "flex-row-reverse",
+  col_reverse: "flex-col-reverse"
+}, _ = {
+  wrap: "flex-wrap",
+  nowrap: "flex-nowrap",
+  wrap_reverse: "flex-wrap-reverse"
+}, N = ({
+  children: x,
+  gap: r,
+  direction: e,
+  justify: o,
+  align: s,
+  wrap: l,
+  className: f = "",
+  element: m,
+  ...p
+}) => /* @__PURE__ */ t.jsx(
+  w,
   {
-    element: x,
-    className: f(
-      "grid",
-      s,
-      p,
-      i,
-      r && P[r],
-      o && c[o],
-      t
+    element: m,
+    className: P(
+      "flex",
+      e && R[e],
+      o && a[o],
+      s && c[s],
+      l && _[l],
+      r && A[r],
+      f
     ),
-    ...e,
-    children: m
+    ...p,
+    children: x
   }
 );
 export {
-  n as Grid,
-  n as default
+  N as Flex,
+  N as default
 };

package/dist/ui.es50.js

@@ -1,11 +1,52 @@
-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;
+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 {
-  s as default
+  C as hideOthers
 };

package/dist/ui.es51.js

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

package/dist/ui.es52.js

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

package/dist/ui.es53.js

@@ -1,14 +1,4 @@
-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]);
-}
+var e = {};
 export {
-  p as useEscapeKeydown
+  e as __exports
 };