@konstructio/ui 0.1.2-alpha.5 → 0.1.2-alpha.7

package/dist/components/Toast/Toast.js

@@ -2,25 +2,26 @@ import { jsx as i, jsxs as A, Fragment as se } from "react/jsx-runtime";
 import { u as ae, S as B } from "../../index-DQH6odE9.js";
 import * as n from "react";
 import { useRef as xe, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as D, r as Se, d as Ie } from "../../index-BITvcJAz.js";
-import { c as Ne, a as Ae, b as x, u as De } from "../../index-BfXxHr_2.js";
-import { c as Fe } from "../../index-Cvx4lqTq.js";
-import { B as _e, R as Le } from "../../index-Cd2vhaop.js";
-import { P as Me } from "../../index-ti1b9kqV.js";
-import { P as Oe } from "../../index-C1g_chDT.js";
+import * as Se from "react-dom";
+import { c as Ie, a as Ne, b as x, u as Ae } from "../../index-BfXxHr_2.js";
+import { c as De } from "../../index-Cvx4lqTq.js";
+import { B as Fe, R as _e } from "../../index-CffpTFMi.js";
+import { P as Le } from "../../index-DdXGVVBv.js";
+import { P as Me } from "../../index-C1g_chDT.js";
+import { P as D, d as Oe } from "../../index-BVRIAMfe.js";
 import { u as $ } from "../../index-0ioNhtNM.js";
-import { V as ie, R as ke } from "../../index-DBbEcSUG.js";
+import { V as ie, R as ke } from "../../index-sp5ZfG6g.js";
 import { cn as j } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
 import { X as We } from "../../x-4F_5p77m.js";
-var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, bt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
+var Q = "ToastProvider", [Z, Xe, $e] = De("Toast"), [ce, bt] = Ie("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
     duration: t = 5e3,
     swipeDirection: c = "right",
     swipeThreshold: d = 50,
-    children: p
+    children: f
   } = e, [T, v] = n.useState(null), [a, E] = n.useState(0), w = n.useRef(!1), S = n.useRef(!1);
   return o.trim() || console.error(
     `Invalid prop \`label\` supplied to \`${Q}\`. Expected non-empty \`string\`.`
@@ -39,7 +40,7 @@ var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, bt] = Ne("Toast", [$e])
       onToastRemove: n.useCallback(() => E((b) => b - 1), []),
       isFocusedToastEscapeKeyDownRef: w,
       isClosePausedRef: S,
-      children: p
+      children: f
     }
   ) });
 };
@@ -51,7 +52,7 @@ var le = "ToastViewport", Ye = ["F8"], z = "toast.viewportPause", G = "toast.vie
       hotkey: t = Ye,
       label: c = "Notifications ({hotkey})",
       ...d
-    } = e, p = U(le, o), T = Xe(o), v = n.useRef(null), a = n.useRef(null), E = n.useRef(null), w = n.useRef(null), S = ae(r, w, p.onViewportChange), b = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = p.toastCount > 0;
+    } = e, f = U(le, o), T = Xe(o), v = n.useRef(null), a = n.useRef(null), E = n.useRef(null), w = n.useRef(null), S = ae(r, w, f.onViewportChange), b = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
     n.useEffect(() => {
       const u = (h) => {
         t.length !== 0 && t.every((m) => h[m] || h.code === m) && w.current?.focus();
@@ -60,55 +61,55 @@ var le = "ToastViewport", Ye = ["F8"], z = "toast.viewportPause", G = "toast.vie
     }, [t]), n.useEffect(() => {
       const u = v.current, h = w.current;
       if (R && u && h) {
-        const f = () => {
-          if (!p.isClosePausedRef.current) {
+        const p = () => {
+          if (!f.isClosePausedRef.current) {
             const y = new CustomEvent(z);
-            h.dispatchEvent(y), p.isClosePausedRef.current = !0;
+            h.dispatchEvent(y), f.isClosePausedRef.current = !0;
           }
         }, m = () => {
-          if (p.isClosePausedRef.current) {
+          if (f.isClosePausedRef.current) {
             const y = new CustomEvent(G);
-            h.dispatchEvent(y), p.isClosePausedRef.current = !1;
+            h.dispatchEvent(y), f.isClosePausedRef.current = !1;
           }
         }, P = (y) => {
           !u.contains(y.relatedTarget) && m();
         }, C = () => {
           u.contains(document.activeElement) || m();
         };
-        return u.addEventListener("focusin", f), u.addEventListener("focusout", P), u.addEventListener("pointermove", f), u.addEventListener("pointerleave", C), window.addEventListener("blur", f), window.addEventListener("focus", m), () => {
-          u.removeEventListener("focusin", f), u.removeEventListener("focusout", P), u.removeEventListener("pointermove", f), u.removeEventListener("pointerleave", C), window.removeEventListener("blur", f), window.removeEventListener("focus", m);
+        return u.addEventListener("focusin", p), u.addEventListener("focusout", P), u.addEventListener("pointermove", p), u.addEventListener("pointerleave", C), window.addEventListener("blur", p), window.addEventListener("focus", m), () => {
+          u.removeEventListener("focusin", p), u.removeEventListener("focusout", P), u.removeEventListener("pointermove", p), u.removeEventListener("pointerleave", C), window.removeEventListener("blur", p), window.removeEventListener("focus", m);
         };
       }
-    }, [R, p.isClosePausedRef]);
+    }, [R, f.isClosePausedRef]);
     const l = n.useCallback(
       ({ tabbingDirection: u }) => {
-        const f = T().map((m) => {
+        const p = T().map((m) => {
           const P = m.ref.current, C = [P, ...nt(P)];
           return u === "forwards" ? C : C.reverse();
         });
-        return (u === "forwards" ? f.reverse() : f).flat();
+        return (u === "forwards" ? p.reverse() : p).flat();
       },
       [T]
     );
     return n.useEffect(() => {
       const u = w.current;
       if (u) {
-        const h = (f) => {
-          const m = f.altKey || f.ctrlKey || f.metaKey;
-          if (f.key === "Tab" && !m) {
-            const C = document.activeElement, y = f.shiftKey;
-            if (f.target === u && y) {
+        const h = (p) => {
+          const m = p.altKey || p.ctrlKey || p.metaKey;
+          if (p.key === "Tab" && !m) {
+            const C = document.activeElement, y = p.shiftKey;
+            if (p.target === u && y) {
               a.current?.focus();
               return;
             }
             const _ = l({ tabbingDirection: y ? "backwards" : "forwards" }), V = _.findIndex((N) => N === C);
-            q(_.slice(V + 1)) ? f.preventDefault() : y ? a.current?.focus() : E.current?.focus();
+            q(_.slice(V + 1)) ? p.preventDefault() : y ? a.current?.focus() : E.current?.focus();
           }
         };
         return u.addEventListener("keydown", h), () => u.removeEventListener("keydown", h);
       }
     }, [T, l]), /* @__PURE__ */ A(
-      _e,
+      Fe,
       {
         ref: v,
         role: "region",
@@ -147,9 +148,9 @@ var le = "ToastViewport", Ye = ["F8"], z = "toast.viewportPause", G = "toast.vie
   }
 );
 de.displayName = le;
-var pe = "ToastFocusProxy", J = n.forwardRef(
+var fe = "ToastFocusProxy", J = n.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...c } = e, d = U(pe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...c } = e, d = U(fe, o);
     return /* @__PURE__ */ i(
       ie,
       {
@@ -157,28 +158,28 @@ var pe = "ToastFocusProxy", J = n.forwardRef(
         ...c,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (p) => {
-          const T = p.relatedTarget;
+        onFocus: (f) => {
+          const T = f.relatedTarget;
           !d.viewport?.contains(T) && t();
         }
       }
     );
   }
 );
-J.displayName = pe;
-var O = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", fe = n.forwardRef(
+J.displayName = fe;
+var O = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = n.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: c, onOpenChange: d, ...p } = e, [T, v] = Ae({
+    const { forceMount: o, open: t, defaultOpen: c, onOpenChange: d, ...f } = e, [T, v] = Ne({
       prop: t,
       defaultProp: c ?? !0,
       onChange: d,
       caller: O
     });
-    return /* @__PURE__ */ i(Oe, { present: o || T, children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(Me, { present: o || T, children: /* @__PURE__ */ i(
       Qe,
       {
         open: T,
-        ...p,
+        ...f,
         ref: r,
         onClose: () => v(!1),
         onPause: $(e.onPause),
@@ -201,7 +202,7 @@ var O = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.sw
     ) });
   }
 );
-fe.displayName = O;
+pe.displayName = O;
 var [Ge, Je] = ce(O, {
   onClose() {
   }
@@ -212,7 +213,7 @@ var [Ge, Je] = ce(O, {
       type: t = "foreground",
       duration: c,
       open: d,
-      onClose: p,
+      onClose: f,
       onEscapeKeyDown: T,
       onPause: v,
       onResume: a,
@@ -221,8 +222,8 @@ var [Ge, Je] = ce(O, {
       onSwipeCancel: S,
       onSwipeEnd: b,
       ...R
-    } = e, l = U(O, o), [u, h] = n.useState(null), f = ae(r, (s) => h(s)), m = n.useRef(null), P = n.useRef(null), C = c || l.duration, y = n.useRef(0), F = n.useRef(C), k = n.useRef(0), { onToastAdd: _, onToastRemove: V } = l, N = $(() => {
-      u?.contains(document.activeElement) && l.viewport?.focus(), p();
+    } = e, l = U(O, o), [u, h] = n.useState(null), p = ae(r, (s) => h(s)), m = n.useRef(null), P = n.useRef(null), C = c || l.duration, y = n.useRef(0), F = n.useRef(C), k = n.useRef(0), { onToastAdd: _, onToastRemove: V } = l, N = $(() => {
+      u?.contains(document.activeElement) && l.viewport?.focus(), f();
     }), K = n.useCallback(
       (s) => {
         !s || s === 1 / 0 || (window.clearTimeout(k.current), y.current = (/* @__PURE__ */ new Date()).getTime(), k.current = window.setTimeout(N, s));
@@ -258,7 +259,7 @@ var [Ge, Je] = ce(O, {
       ),
       /* @__PURE__ */ i(Ge, { scope: o, onClose: N, children: Se.createPortal(
         /* @__PURE__ */ i(Z.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
-          Le,
+          _e,
           {
             asChild: !0,
             onEscapeKeyDown: x(T, () => {
@@ -271,7 +272,7 @@ var [Ge, Je] = ce(O, {
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
                 ...R,
-                ref: f,
+                ref: p,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
                 onKeyDown: x(e.onKeyDown, (s) => {
                   s.key === "Escape" && (T?.(s.nativeEvent), s.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, N()));
@@ -315,11 +316,11 @@ var [Ge, Je] = ce(O, {
     ] }) : null;
   }
 ), Ze = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, c = U(O, r), [d, p] = n.useState(!1), [T, v] = n.useState(!1);
-  return ot(() => p(!0)), n.useEffect(() => {
+  const { __scopeToast: r, children: o, ...t } = e, c = U(O, r), [d, f] = n.useState(!1), [T, v] = n.useState(!1);
+  return ot(() => f(!0)), n.useEffect(() => {
     const a = window.setTimeout(() => v(!0), 1e3);
     return () => window.clearTimeout(a);
-  }, []), T ? null : /* @__PURE__ */ i(Me, { asChild: !0, children: /* @__PURE__ */ i(ie, { ...t, children: d && /* @__PURE__ */ A(se, { children: [
+  }, []), T ? null : /* @__PURE__ */ i(Le, { asChild: !0, children: /* @__PURE__ */ i(ie, { ...t, children: d && /* @__PURE__ */ A(se, { children: [
     c.label,
     " ",
     o
@@ -381,8 +382,8 @@ function Pe(e) {
       const c = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
       if (!c)
         if (d) {
-          const p = t.dataset.radixToastAnnounceAlt;
-          p && r.push(p);
+          const f = t.dataset.radixToastAnnounceAlt;
+          f && r.push(f);
         } else
           r.push(...Pe(t));
     }
@@ -390,7 +391,7 @@ function Pe(e) {
 }
 function X(e, r, o, { discrete: t }) {
   const c = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
-  r && c.addEventListener(e, r, { once: !0 }), t ? Ie(c, d) : c.dispatchEvent(d);
+  r && c.addEventListener(e, r, { once: !0 }), t ? Oe(c, d) : c.dispatchEvent(d);
 }
 var ne = (e, r, o = 0) => {
   const t = Math.abs(e.x), c = Math.abs(e.y), d = t > c;
@@ -399,7 +400,7 @@ var ne = (e, r, o = 0) => {
 function ot(e = () => {
 }) {
   const r = $(e);
-  De(() => {
+  Ae(() => {
     let o = 0, t = 0;
     return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
       window.cancelAnimationFrame(o), window.cancelAnimationFrame(t);
@@ -423,7 +424,7 @@ function q(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var st = ue, at = de, it = fe, ct = me, ut = Te, lt = ve;
+var st = ue, at = de, it = pe, ct = me, ut = Te, lt = ve;
 const gt = ({
   title: e,
   duration: r = 5e3,
@@ -431,7 +432,7 @@ const gt = ({
   descriptionClassName: t,
   description: c,
   children: d,
-  theme: p,
+  theme: f,
   showCloseButton: T = !0,
   closeButtonClassName: v,
   className: a,
@@ -449,7 +450,7 @@ const gt = ({
       it,
       {
         className: j(Ke({ className: a })),
-        "data-theme": p,
+        "data-theme": f,
         open: E,
         onOpenChange: w,
         children: [

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -3,13 +3,14 @@ import * as g from "react";
 import { useLayoutEffect as Vt, useRef as zt, useState as jt, useCallback as Yt, useEffect as ze } from "react";
 import { c as ot, u as je, a as Xt, b as J } from "../../../../index-BfXxHr_2.js";
 import { u as ge, b as Gt } from "../../../../index-DQH6odE9.js";
-import { D as qt } from "../../../../index-Cd2vhaop.js";
+import { D as qt } from "../../../../index-CffpTFMi.js";
 import { u as Ut } from "../../../../index-bwWKd82e.js";
-import { r as Kt, P as we } from "../../../../index-BITvcJAz.js";
+import * as Kt from "react-dom";
+import { P as we } from "../../../../index-BVRIAMfe.js";
 import { u as Zt } from "../../../../index-0ioNhtNM.js";
 import { u as Jt } from "../../../../index-BAEWsOG1.js";
 import { P as Qt } from "../../../../index-C1g_chDT.js";
-import { R as en } from "../../../../index-DBbEcSUG.js";
+import { R as en } from "../../../../index-sp5ZfG6g.js";
 import { d as tn } from "../../../../debounce-BFejQm9P.js";
 const nn = ["top", "right", "bottom", "left"], U = Math.min, F = Math.max, de = Math.round, fe = Math.floor, j = (e) => ({
   x: e,