ics-ui-kit 0.1.3 → 0.1.5

package/dist/components/resizable.js

@@ -1,7 +1,7 @@
 import { jsx as we } from "react/jsx-runtime";
 import * as Rn from "react";
-import { forwardRef as en, createElement as de, useContext as nn, createContext as Ln, useRef as F, useLayoutEffect as An, useImperativeHandle as tn, useEffect as te, useState as ce, useCallback as B, useMemo as kn } from "react";
-import { T as rn } from "../index-BVqs-uqP.js";
+import { forwardRef as nn, createElement as de, useRef as F, useEffect as te, useContext as tn, createContext as Ln, useState as ce, useLayoutEffect as An, useImperativeHandle as rn, useCallback as B, useMemo as kn } from "react";
+import { T as on } from "../index-BVqs-uqP.js";
 import { I as Dn } from "../Icon-DH3ev9GK.js";
 import { c as Hn } from "../createLucideIcon-DwBrHnj9.js";
 /**
@@ -32,13 +32,13 @@ const A = {
   resizeHandleEnabled: "data-panel-resize-handle-enabled",
   resizeHandleId: "data-panel-resize-handle-id",
   resizeHandleState: "data-resize-handle-state"
-}, Fe = 10, re = An, je = Rn.useId, Nn = typeof je == "function" ? je : () => null;
+}, Fe = 10, re = An, Oe = Rn.useId, Nn = typeof Oe == "function" ? Oe : () => null;
 let $n = 0;
 function Ve(e = null) {
   const n = Nn(), t = F(e || n || null);
   return t.current === null && (t.current = "" + $n++), e ?? t.current;
 }
-function on({
+function ln({
   children: e,
   className: n = "",
   collapsedSize: t,
@@ -56,7 +56,7 @@ function on({
   tagName: y = "div",
   ...I
 }) {
-  const w = nn(Re);
+  const w = tn(Re);
   if (w === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
   const {
@@ -102,7 +102,7 @@ function on({
     return K($), () => {
       V($);
     };
-  }, [c, _, K, V]), tn(o, () => ({
+  }, [c, _, K, V]), rn(o, () => ({
     collapse: () => {
       b(k.current);
     },
@@ -143,15 +143,15 @@ function on({
     [A.panelSize]: parseFloat("" + ee.flexGrow).toFixed(1)
   });
 }
-const ln = en((e, n) => de(on, {
+const an = nn((e, n) => de(ln, {
   ...e,
   forwardedRef: n
 }));
-on.displayName = "Panel";
-ln.displayName = "forwardRef(Panel)";
+ln.displayName = "Panel";
+an.displayName = "forwardRef(Panel)";
 let Be = null, Ie = -1, Z = null;
 function _n(e, n, t) {
-  const r = (n & dn) !== 0, i = (n & fn) !== 0, o = (n & pn) !== 0, l = (n & gn) !== 0;
+  const r = (n & fn) !== 0, i = (n & pn) !== 0, o = (n & gn) !== 0, l = (n & mn) !== 0;
   if (n) {
     if (r)
       return o ? "se-resize" : l ? "ne-resize" : "e-resize";
@@ -185,23 +185,23 @@ function Ne(e, n, t) {
     Ie = (r = (i = Z.sheet) === null || i === void 0 ? void 0 : i.insertRule(`*{cursor: ${o} !important;}`)) !== null && r !== void 0 ? r : -1;
   }
 }
-function an(e) {
+function sn(e) {
   return e.type === "keydown";
 }
-function sn(e) {
+function cn(e) {
   return e.type.startsWith("pointer");
 }
-function cn(e) {
+function un(e) {
   return e.type.startsWith("mouse");
 }
 function Le(e) {
-  if (sn(e)) {
+  if (cn(e)) {
     if (e.isPrimary)
       return {
         x: e.clientX,
         y: e.clientY
       };
-  } else if (cn(e))
+  } else if (un(e))
     return {
       x: e.clientX,
       y: e.clientY
@@ -221,16 +221,16 @@ function Bn(e, n, t) {
 function Fn(e, n) {
   if (e === n) throw new Error("Cannot compare node with itself");
   const t = {
-    a: Xe(e),
-    b: Xe(n)
+    a: Je(e),
+    b: Je(n)
   };
   let r;
   for (; t.a.at(-1) === t.b.at(-1); )
     e = t.a.pop(), n = t.b.pop(), r = e;
   z(r, "Stacking order can only be calculated for elements with a common ancestor");
   const i = {
-    a: qe(Oe(t.a)),
-    b: qe(Oe(t.b))
+    a: Xe(qe(t.a)),
+    b: Xe(qe(t.b))
   };
   if (i.a === i.b) {
     const o = r.childNodes, l = {
@@ -249,14 +249,14 @@ function Fn(e, n) {
 const Vn = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 function Wn(e) {
   var n;
-  const t = getComputedStyle((n = un(e)) !== null && n !== void 0 ? n : e).display;
+  const t = getComputedStyle((n = dn(e)) !== null && n !== void 0 ? n : e).display;
   return t === "flex" || t === "inline-flex";
 }
 function Kn(e) {
   const n = getComputedStyle(e);
   return !!(n.position === "fixed" || n.zIndex !== "auto" && (n.position !== "static" || Wn(e)) || +n.opacity < 1 || "transform" in n && n.transform !== "none" || "webkitTransform" in n && n.webkitTransform !== "none" || "mixBlendMode" in n && n.mixBlendMode !== "normal" || "filter" in n && n.filter !== "none" || "webkitFilter" in n && n.webkitFilter !== "none" || "isolation" in n && n.isolation === "isolate" || Vn.test(n.willChange) || n.webkitOverflowScrolling === "touch");
 }
-function Oe(e) {
+function qe(e) {
   let n = e.length;
   for (; n--; ) {
     const t = e[n];
@@ -264,22 +264,22 @@ function Oe(e) {
   }
   return null;
 }
-function qe(e) {
+function Xe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Xe(e) {
+function Je(e) {
   const n = [];
   for (; e; )
-    n.push(e), e = un(e);
+    n.push(e), e = dn(e);
   return n;
 }
-function un(e) {
+function dn(e) {
   const {
     parentNode: n
   } = e;
   return n && n instanceof ShadowRoot ? n.host : n;
 }
-const dn = 1, fn = 2, pn = 4, gn = 8, Un = Tn() === "coarse";
+const fn = 1, pn = 2, gn = 4, mn = 8, Un = Tn() === "coarse";
 let j = [], ue = !1, Q = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map();
 const ve = /* @__PURE__ */ new Set();
 function jn(e, n, t, r, i) {
@@ -313,7 +313,7 @@ function On(e) {
     target: n,
     x: t,
     y: r
-  }), Ee(), j.length > 0 && (Ce("down", e), ke(), e.preventDefault(), mn(n) || e.stopImmediatePropagation());
+  }), Ee(), j.length > 0 && (Ce("down", e), ke(), e.preventDefault(), yn(n) || e.stopImmediatePropagation());
 }
 function $e(e) {
   const {
@@ -340,13 +340,13 @@ function _e(e) {
     x: t,
     y: r
   } = Le(e);
-  Ae.clear(), ue = !1, j.length > 0 && (e.preventDefault(), mn(n) || e.stopImmediatePropagation()), Ce("up", e), We({
+  Ae.clear(), ue = !1, j.length > 0 && (e.preventDefault(), yn(n) || e.stopImmediatePropagation()), Ce("up", e), We({
     target: n,
     x: t,
     y: r
   }), ke(), Ee();
 }
-function mn(e) {
+function yn(e) {
   let n = e;
   for (; n; ) {
     if (n.hasAttribute(A.resizeHandle))
@@ -625,18 +625,18 @@ function Jn({
 function be(e, n = document) {
   return Array.from(n.querySelectorAll(`[${A.resizeHandleId}][data-panel-group-id="${e}"]`));
 }
-function yn(e, n, t = document) {
+function hn(e, n, t = document) {
   const i = be(e, t).findIndex((o) => o.getAttribute(A.resizeHandleId) === n);
   return i ?? null;
 }
-function hn(e, n, t) {
-  const r = yn(e, n, t);
+function zn(e, n, t) {
+  const r = hn(e, n, t);
   return r != null ? [r, r + 1] : [-1, -1];
 }
 function Yn(e) {
   return e instanceof HTMLElement ? !0 : typeof e == "object" && e !== null && "tagName" in e && "getAttribute" in e;
 }
-function zn(e, n = document) {
+function xn(e, n = document) {
   if (Yn(n) && n.dataset.panelGroupId == e)
     return n;
   const t = n.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`);
@@ -693,7 +693,7 @@ function Qn({
     z(a, "Eager values not found");
     const {
       panelDataArray: s
-    } = a, m = zn(t, o);
+    } = a, m = xn(t, o);
     z(m != null, `No group found for id "${t}"`);
     const P = be(t, o);
     z(P, `No resize handles found for group id "${t}"`);
@@ -723,7 +723,7 @@ function Qn({
                     delta: W(M, O) ? S - O : O - M,
                     initialLayout: r,
                     panelConstraints: s.map((J) => J.constraints),
-                    pivotIndices: hn(t, x, o),
+                    pivotIndices: zn(t, x, o),
                     prevLayout: r,
                     trigger: "keyboard"
                   });
@@ -743,7 +743,7 @@ function Qn({
     };
   }, [o, e, n, t, r, i, l]);
 }
-function Je(e, n) {
+function Ye(e, n) {
   if (e.length !== n.length)
     return !1;
   for (let t = 0; t < e.length; t++)
@@ -751,7 +751,7 @@ function Je(e, n) {
       return !1;
   return !0;
 }
-function xn(e, n) {
+function vn(e, n) {
   const t = e === "horizontal", {
     x: r,
     y: i
@@ -766,13 +766,13 @@ function et(e, n, t, r, i) {
   let {
     initialCursorPosition: s
   } = r;
-  const m = xn(t, e), P = zn(a, i);
+  const m = vn(t, e), P = xn(a, i);
   z(P, `No group element found for id "${a}"`);
   const f = P.getBoundingClientRect(), c = o ? f.width : f.height;
   return (m - s) / c * 100;
 }
 function nt(e, n, t, r, i, o) {
-  if (an(e)) {
+  if (sn(e)) {
     const l = t === "horizontal";
     let a = 0;
     e.shiftKey ? a = 100 : i != null ? a = i : a = 10;
@@ -887,7 +887,7 @@ function ot(e, n = 10) {
     }, n);
   };
 }
-function Ye(e) {
+function Ze(e) {
   try {
     if (typeof localStorage < "u")
       e.getItem = (n) => localStorage.getItem(n), e.setItem = (n, t) => {
@@ -900,10 +900,10 @@ function Ye(e) {
     };
   }
 }
-function vn(e) {
+function bn(e) {
   return `react-resizable-panels:${e}`;
 }
-function bn(e) {
+function Sn(e) {
   return e.map((n) => {
     const {
       constraints: t,
@@ -914,9 +914,9 @@ function bn(e) {
     return i ? r : o ? `${o}:${JSON.stringify(t)}` : JSON.stringify(t);
   }).sort((n, t) => n.localeCompare(t)).join(",");
 }
-function Sn(e, n) {
+function Pn(e, n) {
   try {
-    const t = vn(e), r = n.getItem(t);
+    const t = bn(e), r = n.getItem(t);
     if (r) {
       const i = JSON.parse(r);
       if (typeof i == "object" && i != null)
@@ -928,12 +928,12 @@ function Sn(e, n) {
 }
 function it(e, n, t) {
   var r, i;
-  const o = (r = Sn(e, t)) !== null && r !== void 0 ? r : {}, l = bn(n);
+  const o = (r = Pn(e, t)) !== null && r !== void 0 ? r : {}, l = Sn(n);
   return (i = o[l]) !== null && i !== void 0 ? i : null;
 }
 function lt(e, n, t, r, i) {
   var o;
-  const l = vn(e), a = bn(n), s = (o = Sn(e, i)) !== null && o !== void 0 ? o : {};
+  const l = bn(e), a = Sn(n), s = (o = Pn(e, i)) !== null && o !== void 0 ? o : {};
   s[a] = {
     expandToSizes: Object.fromEntries(t.entries()),
     layout: r
@@ -944,7 +944,7 @@ function lt(e, n, t, r, i) {
     console.error(m);
   }
 }
-function Ze({
+function Qe({
   layout: e,
   panelConstraints: n
 }) {
@@ -984,12 +984,12 @@ function Ze({
   return t;
 }
 const at = 100, xe = {
-  getItem: (e) => (Ye(xe), xe.getItem(e)),
+  getItem: (e) => (Ze(xe), xe.getItem(e)),
   setItem: (e, n) => {
-    Ye(xe), xe.setItem(e, n);
+    Ze(xe), xe.setItem(e, n);
   }
-}, Qe = {};
-function Pn({
+}, en = {};
+function wn({
   autoSaveId: e = null,
   children: n,
   className: t = "",
@@ -1020,7 +1020,7 @@ function Pn({
     didLogIdAndOrderWarning: !1,
     didLogPanelConstraintsWarning: !1,
     prevPanelIds: []
-  }), tn(i, () => ({
+  }), rn(i, () => ({
     getId: () => C.current.id,
     getLayout: () => {
       const {
@@ -1034,11 +1034,11 @@ function Pn({
       } = C.current, {
         layout: v,
         panelDataArray: p
-      } = S.current, d = Ze({
+      } = S.current, d = Qe({
         layout: u,
         panelConstraints: p.map((h) => h.constraints)
       });
-      Je(v, d) || (b(d), S.current.layout = d, g && g(d), le(p, d, D.current));
+      Ye(v, d) || (b(d), S.current.layout = d, g && g(d), le(p, d, D.current));
     }
   }), []), re(() => {
     C.current.autoSaveId = e, C.current.direction = r, C.current.dragState = y, C.current.id = c, C.current.onLayout = l, C.current.storage = s;
@@ -1057,8 +1057,8 @@ function Pn({
     if (e) {
       if (w.length === 0 || w.length !== u.length)
         return;
-      let g = Qe[e];
-      g == null && (g = ot(lt, at), Qe[e] = g);
+      let g = en[e];
+      g == null && (g = ot(lt, at), en[e] = g);
       const v = [...u], p = new Map(M.current);
       g(e, v, p, w, s);
     }
@@ -1183,11 +1183,11 @@ function Pn({
       h == null && (h = tt({
         panelDataArray: d
       }));
-      const E = Ze({
+      const E = Qe({
         layout: h,
         panelConstraints: d.map((H) => H.constraints)
       });
-      Je(p, E) || (b(E), S.current.layout = E, g && g(E), le(d, E, D.current));
+      Ye(p, E) || (b(E), S.current.layout = E, g && g(E), le(d, E, D.current));
     }
   }), re(() => {
     const u = S.current;
@@ -1214,19 +1214,19 @@ function Pn({
         panelDataArray: ye
       } = S.current, {
         initialLayout: Se
-      } = H ?? {}, Me = hn(q, u, h);
+      } = H ?? {}, Me = zn(q, u, h);
       let T = nt(d, u, E, H, X, h);
-      const Ke = E === "horizontal";
-      Ke && g && (T = -T);
+      const Ue = E === "horizontal";
+      Ue && g && (T = -T);
       const En = ye.map((Cn) => Cn.constraints), he = ze({
         delta: T,
         initialLayout: Se ?? U,
         panelConstraints: En,
         pivotIndices: Me,
         prevLayout: U,
-        trigger: an(d) ? "keyboard" : "mouse-or-touch"
-      }), Ue = !Pe(U, he);
-      (sn(d) || cn(d)) && O.current != T && (O.current = T, !Ue && T !== 0 ? Ke ? Ge(u, T < 0 ? dn : fn) : Ge(u, T < 0 ? pn : gn) : Ge(u, 0)), Ue && (b(he), S.current.layout = he, L && L(he), le(ye, he, D.current));
+        trigger: sn(d) ? "keyboard" : "mouse-or-touch"
+      }), je = !Pe(U, he);
+      (cn(d) || un(d)) && O.current != T && (O.current = T, !je && T !== 0 ? Ue ? Ge(u, T < 0 ? fn : pn) : Ge(u, T < 0 ? gn : mn) : Ge(u, 0)), je && (b(he), S.current.layout = he, L && L(he), le(ye, he, D.current));
     };
   }, []), G = B((u, g) => {
     const {
@@ -1274,7 +1274,7 @@ function Pn({
       return;
     const d = De(u, x.current);
     z(d, `Drag handle element not found for id "${u}"`);
-    const h = xn(v, g);
+    const h = vn(v, g);
     I({
       dragHandleId: u,
       dragHandleRect: d.getBoundingClientRect(),
@@ -1331,12 +1331,12 @@ function Pn({
     [A.groupId]: c
   }));
 }
-const wn = en((e, n) => de(Pn, {
+const In = nn((e, n) => de(wn, {
   ...e,
   forwardedRef: n
 }));
-Pn.displayName = "PanelGroup";
-wn.displayName = "forwardRef(PanelGroup)";
+wn.displayName = "PanelGroup";
+In.displayName = "forwardRef(PanelGroup)";
 function ae(e, n) {
   return e.findIndex((t) => t === n || t.id === n.id);
 }
@@ -1376,7 +1376,7 @@ function st({
             l.preventDefault();
             const a = i.getAttribute(A.groupId);
             z(a, `No group element found for id "${a}"`);
-            const s = be(a, r), m = yn(a, n, r);
+            const s = be(a, r), m = hn(a, n, r);
             z(m !== null, `No resize element found for id "${n}"`);
             const P = l.shiftKey ? m > 0 ? m - 1 : s.length - 1 : m + 1 < s.length ? m + 1 : 0;
             s[P].focus();
@@ -1389,7 +1389,7 @@ function st({
     };
   }, [r, e, n, t]);
 }
-function In({
+function Ke({
   children: e = null,
   className: n = "",
   disabled: t = !1,
@@ -1416,7 +1416,7 @@ function In({
   te(() => {
     R.current.onClick = l, R.current.onDragging = a, R.current.onPointerDown = m, R.current.onPointerUp = P;
   });
-  const D = nn(Re);
+  const D = tn(Re);
   if (D === null)
     throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
   const {
@@ -1519,13 +1519,13 @@ function In({
     [A.resizeHandleState]: _
   });
 }
-In.displayName = "PanelResizeHandle";
-const ct = rn({
+Ke.displayName = "PanelResizeHandle";
+const ct = on({
   base: "flex h-full w-full data-[panel-group-direction=vertical]:flex-col"
 }), yt = ({
   className: e,
   ...n
-}) => /* @__PURE__ */ we(wn, { className: ct({ className: e }), ...n }), ht = ln, ut = rn({
+}) => /* @__PURE__ */ we(In, { className: ct({ className: e }), ...n }), ht = an, zt = Ke, ut = on({
   slots: {
     wrapper: [
       "relative flex w-px items-center justify-center bg-secondary-border hover:bg-primary-border",
@@ -1536,16 +1536,17 @@ const ct = rn({
     handle: "z-10 flex h-4 w-2.5 items-center justify-center rounded-sm border border-secondary-border bg-secondary-border hover:border-primary-border hover:bg-primary-border",
     icon: "h-2.5 w-2.5"
   }
-}), zt = ({
+}), xt = ({
   withHandle: e,
   className: n,
   ...t
 }) => {
   const r = ut();
-  return /* @__PURE__ */ we(In, { className: r.wrapper({ className: n }), ...t, children: e && /* @__PURE__ */ we("div", { className: r.handle(), children: /* @__PURE__ */ we(Dn, { icon: Mn, className: r.icon() }) }) });
+  return /* @__PURE__ */ we(Ke, { className: r.wrapper({ className: n }), ...t, children: e && /* @__PURE__ */ we("div", { className: r.handle(), children: /* @__PURE__ */ we(Dn, { icon: Mn, className: r.icon() }) }) });
 };
 export {
-  zt as ResizableHandle,
+  xt as ResizableHandle,
+  zt as ResizableHandlePrimitive,
   ht as ResizablePanel,
   yt as ResizablePanelGroup
 };