@synnaxlabs/pluto 0.50.1 → 0.52.3

package/dist/{Haul-DBy-2ds_.js → Haul-CxbMtSY4.js}

@@ -1,27 +1,27 @@
-import { j as L } from "./jsx-runtime-BbD0H88J.js";
-import { a as P, A as T } from "./css-BkBrZtKZ.js";
-import h, { memo as H, useRef as _, useCallback as i, useMemo as x, useId as A } from "react";
+import { j as L } from "./jsx-runtime-tc70JA_2.js";
+import { record as P, xy as T } from "@synnaxlabs/x";
+import h, { memo as H, useRef as x, useCallback as i, useMemo as _, useId as O } from "react";
 import { z as d } from "zod";
-import { c as Z } from "./Text-XeD58Fq8.js";
+import { c as Z } from "./Text-BSTMZRuo.js";
 const b = d.object({
   key: d.string().or(d.number()),
   type: d.string(),
   elementID: d.string().optional(),
   data: P.unknownZ.optional()
-}), w = d.object({ source: b, items: d.array(b) }), O = { key: "", type: "" }, p = { source: O, items: [] }, F = "file", G = { key: "file", type: F }, M = /* @__PURE__ */ new Set(["all", "copyLink"]), N = (t, e) => M.has(t.dataTransfer.effectAllowed) && e.items.length === 0, [Y, m] = Z({
+}), w = d.object({ source: b, items: d.array(b) }), F = { key: "", type: "" }, p = { source: F, items: [] }, R = "file", G = { key: "file", type: R }, M = /* @__PURE__ */ new Set(["all", "copyLink"]), N = (t, e) => M.has(t.dataTransfer.effectAllowed) && e.items.length === 0, [Y, m] = Z({
   defaultValue: null,
   displayName: "Haul.Context"
 }), S = {
   ...p,
   onSuccessfulDrop: () => {
   }
-}, R = H(
+}, A = H(
   ({
     children: t,
     useState: e = h.useState,
     onDropOutside: n
   }) => {
-    const o = m(), [l, r] = e(p), c = _(S), a = _(/* @__PURE__ */ new Set()), f = i(
+    const o = m(), [l, r] = e(p), c = x(S), a = x(/* @__PURE__ */ new Set()), f = i(
       (s, u, D) => {
         c.current = { source: s, items: u, onSuccessfulDrop: D }, r({ source: s, items: u });
       },
@@ -40,22 +40,22 @@ const b = d.object({
         }), u != null && g(u), c.current = S, r(p);
       },
       [r]
-    ), E = i((s) => (a.current.add(s), () => a.current.delete(s)), []), k = x(
+    ), E = i((s) => (a.current.add(s), () => a.current.delete(s)), []), k = _(
       () => o ?? { state: l, start: f, end: y, drop: g, bind: E },
       [l, f, y, g, o]
     );
     return /* @__PURE__ */ L.jsx(Y, { value: k, children: t });
   }
 );
-R.displayName = "HaulProvider";
+A.displayName = "HaulProvider";
 const j = () => {
-  const t = _(p), e = m();
+  const t = x(p), e = m();
   return e == null || (t.current = e.state), t;
 }, z = () => {
   const t = m();
   return t == null ? p : t.state;
 }, v = ({ type: t, key: e }) => {
-  const n = e ?? A(), o = x(() => ({ key: n, type: t }), [n, t]), l = m();
+  const n = e ?? O(), o = _(() => ({ key: n, type: t }), [n, t]), l = m();
   if (l == null) return { startDrag: () => {
   }, onDragEnd: () => {
   } };
@@ -75,7 +75,7 @@ const j = () => {
   if (c == null) return { onDragOver: () => {
   }, onDrop: () => {
   } };
-  const { drop: a } = c, f = e ?? A(), g = x(() => ({ key: f, type: t }), [f, t]), y = _({ x: -1, y: -1 }), E = i(
+  const { drop: a } = c, f = e ?? O(), g = _(() => ({ key: f, type: t }), [f, t]), y = x({ x: -1, y: -1 }), E = i(
     (s) => {
       s.preventDefault();
       const u = T.construct({ x: s.screenX, y: s.screenY });
@@ -94,7 +94,7 @@ const j = () => {
   key: e,
   ...n
 }) => {
-  const o = e ?? A(), l = x(() => ({ key: o, type: t }), [o, t]), r = v(l), c = C({ ...n, ...l });
+  const o = e ?? O(), l = _(() => ({ key: o, type: t }), [o, t]), r = v(l), c = C({ ...n, ...l });
   return { ...r, ...c };
 }, X = (t) => ({ items: e }) => e.some((n) => n.type === t), I = (t, e) => e.filter((n) => n.type === t), q = (t, e, n) => i(
   (o) => e({ ...o, items: I(t, o.items) }),
@@ -102,10 +102,10 @@ const j = () => {
 ), Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FILE: G,
-  FILE_TYPE: F,
-  Provider: R,
+  FILE_TYPE: R,
+  Provider: A,
   ZERO_DRAGGING_STATE: p,
-  ZERO_ITEM: O,
+  ZERO_ITEM: F,
   canDropOfType: X,
   draggingStateZ: w,
   filterByType: I,
@@ -120,9 +120,9 @@ const j = () => {
   useFilterByTypeCallback: q
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  F,
+  R as F,
   Q as H,
-  R as P,
+  A as P,
   B as a,
   q as b,
   C as c,

package/dist/Haul-V5NQI3MY.cjs

@@ -0,0 +1 @@
+"use strict";const P=require("./jsx-runtime-nZSsnGb7.cjs"),x=require("@synnaxlabs/x"),t=require("react"),f=require("zod"),j=require("./Text-C2_VsLzw.cjs"),T=f.z.object({key:f.z.string().or(f.z.number()),type:f.z.string(),elementID:f.z.string().optional(),data:x.record.unknownZ.optional()}),h=f.z.object({source:T,items:f.z.array(T)}),O={key:"",type:""},g={source:O,items:[]},_="file",q={key:"file",type:_},M=new Set(["all","copyLink"]),H=(e,r)=>M.has(e.dataTransfer.effectAllowed)&&r.items.length===0,[Z,y]=j.create({defaultValue:null,displayName:"Haul.Context"}),b={...g,onSuccessfulDrop:()=>{}},C=t.memo(({children:e,useState:r=t.useState,onDropOutside:s})=>{const c=y(),[i,n]=r(g),u=t.useRef(b),l=t.useRef(new Set),d=t.useCallback((o,a,k)=>{u.current={source:o,items:a,onSuccessfulDrop:k},n({source:o,items:a})},[n,s]),p=t.useCallback(({target:o,dropped:a})=>{const k=u.current.items;u.current.onSuccessfulDrop?.({target:o,dropped:a,hauled:k}),u.current=b,n(g)},[n]),D=t.useCallback(o=>{let a=null;l.current.forEach(k=>{a==null&&(a=k(u.current,o))}),a!=null&&p(a),u.current=b,n(g)},[n]),m=t.useCallback(o=>(l.current.add(o),()=>l.current.delete(o)),[]),E=t.useMemo(()=>c??{state:i,start:d,end:D,drop:p,bind:m},[i,d,D,p,c]);return P.jsxRuntimeExports.jsx(Z,{value:E,children:e})});C.displayName="HaulProvider";const F=()=>{const e=t.useRef(g),r=y();return r==null||(e.current=r.state),e},I=()=>{const e=y();return e==null?g:e.state},z=({type:e,key:r})=>{const s=r??t.useId(),c=t.useMemo(()=>({key:s,type:e}),[s,e]),i=y();if(i==null)return{startDrag:()=>{},onDragEnd:()=>{}};const{start:n,end:u}=i;return{startDrag:t.useCallback((l,d)=>n(c,l,d),[n,c]),onDragEnd:l=>u(x.xy.construct({x:l.screenX,y:l.screenY}))}},R=({type:e,key:r,canDrop:s,onDrop:c,onDragOver:i})=>{const n=F(),u=y();if(u==null)return{onDragOver:()=>{},onDrop:()=>{}};const{drop:l}=u,d=r??t.useId(),p=t.useMemo(()=>({key:d,type:e}),[d,e]),D=t.useRef({x:-1,y:-1}),m=t.useCallback(o=>{o.preventDefault();const a=x.xy.construct({x:o.screenX,y:o.screenY});x.xy.equals(a,D.current)||(D.current=a,s(n.current)&&i?.({event:o,...n.current}))},[n,s]),E=t.useCallback(o=>{s(n.current)&&(o.preventDefault(),l({target:p,dropped:c({...n.current,event:o})}))},[n,c,s,l,p]);return{onDragOver:m,onDrop:E}},A=({type:e,key:r,...s})=>{const c=r??t.useId(),i=t.useMemo(()=>({key:c,type:e}),[c,e]),n=z(i),u=R({...s,...i});return{...n,...u}},v=e=>({items:r})=>r.some(s=>s.type===e),S=(e,r)=>r.filter(s=>s.type===e),L=(e,r,s)=>t.useCallback(c=>r({...c,items:S(e,c.items)}),s),w=Object.freeze(Object.defineProperty({__proto__:null,FILE:q,FILE_TYPE:_,Provider:C,ZERO_DRAGGING_STATE:g,ZERO_ITEM:O,canDropOfType:v,draggingStateZ:h,filterByType:S,isFileDrag:H,itemZ:T,useContext:y,useDrag:z,useDragAndDrop:A,useDraggingRef:F,useDraggingState:I,useDrop:R,useFilterByTypeCallback:L},Symbol.toStringTag,{value:"Module"}));exports.FILE_TYPE=_;exports.Haul=w;exports.Provider=C;exports.canDropOfType=v;exports.filterByType=S;exports.useDragAndDrop=A;exports.useDraggingState=I;exports.useDrop=R;exports.useFilterByTypeCallback=L;

package/dist/{Items-CX11yLMf.js → Items-CNPUoiob.js}

@@ -1,15 +1,16 @@
-import { j as E } from "./jsx-runtime-BbD0H88J.js";
-import { B as P } from "./Button-DLtxKGH5.js";
-import { I as U, C as b } from "./css-BkBrZtKZ.js";
-import { u as $, d as H, c as q } from "./Animated-C4xrEVd-.js";
+import { j as E } from "./jsx-runtime-tc70JA_2.js";
+import { B as P } from "./Copy-CzkBKGca.js";
+import { bounds as U } from "@synnaxlabs/x";
+import { C as b } from "./css-D90kZTM8.js";
+import { u as $, d as H, c as q } from "./Animated-6qL1fRZx.js";
 import * as w from "react";
 import { memo as A, useRef as C, useCallback as S, useMemo as M, useSyncExternalStore as K } from "react";
-import { p as X, a as G } from "./Box-DLO7l9hM.js";
+import { p as X, a as G } from "./Box-Bi280MYh.js";
 import { flushSync as Y } from "react-dom";
-import { c as V } from "./Text-XeD58Fq8.js";
-import { f as J, c as j, g as Q } from "./Editable-DjQORuR1.js";
-import "./types-B5-Tni3G.js";
-import "./Provider-BkxUzTWS.js";
+import { c as V } from "./Text-BSTMZRuo.js";
+import { f as J, c as j, g as Q } from "./Editable-4ZwvICC4.js";
+import "./types-CGRCBVD4.js";
+import "./Provider-ZIy-UlnE.js";
 function O(n, l, e) {
   let s = e.initialDeps ?? [], t;
   function i() {
@@ -551,16 +552,16 @@ function he(n) {
     ...n
   });
 }
-const Re = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), [L, ue] = V({
+const De = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), [L, ue] = V({
   displayName: "List.DataContext",
   providerName: "List.Frame"
 }), [B, T] = V({
   displayName: "List.UtilContext",
   providerName: "List.Frame"
-}), De = () => T("List.useUtilContext"), _e = () => {
+}), _e = () => T("List.useUtilContext"), Fe = () => {
   const { scrollToIndex: n } = T("List.useScroller");
   return M(() => ({ scrollToIndex: n }), [n]);
-}, Fe = (n) => {
+}, Ne = (n) => {
   const { getItem: l, subscribe: e } = T(
     "List.useItem"
   );
@@ -729,7 +730,7 @@ const Re = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), [L, ue] = V({
 }, ve = ({
   virtual: n = !1,
   ...l
-}) => n ? /* @__PURE__ */ E.jsx(ge, { ...l }) : /* @__PURE__ */ E.jsx(pe, { ...l }), Ne = A(ve), Ae = ({
+}) => n ? /* @__PURE__ */ E.jsx(ge, { ...l }) : /* @__PURE__ */ E.jsx(pe, { ...l }), Ae = A(ve), Ve = ({
   itemKey: n,
   className: l,
   index: e,
@@ -827,15 +828,15 @@ const Re = (n, l) => ((e) => Array.isArray(e) ? l(e) : n(e)), [L, ue] = V({
       children: v
     }
   );
-}, Ve = A(xe);
+}, je = A(xe);
 export {
   ve as B,
-  Ne as F,
-  Ae as I,
-  Ve as a,
-  Fe as b,
-  Re as c,
-  _e as d,
-  De as e,
+  Ae as F,
+  Ve as I,
+  je as a,
+  Ne as b,
+  De as c,
+  Fe as d,
+  _e as e,
   de as u
 };

package/dist/Items-DYYNNIjr.cjs

@@ -0,0 +1,4 @@
+"use strict";const E=require("./jsx-runtime-nZSsnGb7.cjs"),P=require("./Copy-DuC8dTK7.cjs"),U=require("@synnaxlabs/x"),b=require("./css-CloSmhZB.cjs"),D=require("./Animated-xK__WUQp.cjs"),d=require("react"),_=require("./Box-CNUz5BsV.cjs"),$=require("react-dom"),N=require("./Text-C2_VsLzw.cjs"),R=require("./Editable-HUPqTaui.cjs");require("./types-DI2vtOGs.cjs");require("./Provider-DSMJjyuY.cjs");function H(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(l,e,s.get?s:{enumerable:!0,get:()=>n[e]})}}return l.default=n,Object.freeze(l)}const y=H(d);function M(n,l,e){let s=e.initialDeps??[],t;function i(){var o,r,c,u;let a;e.key&&((o=e.debug)!=null&&o.call(e))&&(a=Date.now());const h=n();if(!(h.length!==s.length||h.some((m,g)=>s[g]!==m)))return t;s=h;let p;if(e.key&&((r=e.debug)!=null&&r.call(e))&&(p=Date.now()),t=l(...h),e.key&&((c=e.debug)!=null&&c.call(e))){const m=Math.round((Date.now()-a)*100)/100,g=Math.round((Date.now()-p)*100)/100,v=g/16,S=(x,C)=>{for(x=String(x);x.length<C;)x=" "+x;return x};console.info(`%c⏱ ${S(g,5)} /${S(m,5)} ms`,`
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0,Math.min(120-120*v,120))}deg 100% 31%);`,e?.key)}return(u=e?.onChange)==null||u.call(e,t),t}return i.updateDeps=o=>{s=o},i}function T(n,l){if(n===void 0)throw new Error("Unexpected undefined");return n}const K=(n,l)=>Math.abs(n-l)<1,G=(n,l,e)=>{let s;return function(...t){n.clearTimeout(s),s=n.setTimeout(()=>l.apply(this,t),e)}},X=n=>n,Y=n=>{const l=Math.max(n.startIndex-n.overscan,0),e=Math.min(n.endIndex+n.overscan,n.count-1),s=[];for(let t=l;t<=e;t++)s.push(t);return s},J=(n,l)=>{const e=n.scrollElement;if(!e)return;const s=n.targetWindow;if(!s)return;const t=o=>{const{width:r,height:c}=o;l({width:Math.round(r),height:Math.round(c)})};if(t(e.getBoundingClientRect()),!s.ResizeObserver)return()=>{};const i=new s.ResizeObserver(o=>{const r=()=>{const c=o[0];if(c?.borderBoxSize){const u=c.borderBoxSize[0];if(u){t({width:u.inlineSize,height:u.blockSize});return}}t(e.getBoundingClientRect())};n.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(r):r()});return i.observe(e,{box:"border-box"}),()=>{i.unobserve(e)}},j={passive:!0},F=typeof window>"u"?!0:"onscrollend"in window,Q=(n,l)=>{const e=n.scrollElement;if(!e)return;const s=n.targetWindow;if(!s)return;let t=0;const i=n.options.useScrollendEvent&&F?()=>{}:G(s,()=>{l(t,!1)},n.options.isScrollingResetDelay),o=a=>()=>{const{horizontal:h,isRtl:f}=n.options;t=h?e.scrollLeft*(f&&-1||1):e.scrollTop,i(),l(t,a)},r=o(!0),c=o(!1);c(),e.addEventListener("scroll",r,j);const u=n.options.useScrollendEvent&&F;return u&&e.addEventListener("scrollend",c,j),()=>{e.removeEventListener("scroll",r),u&&e.removeEventListener("scrollend",c)}},Z=(n,l,e)=>{if(l?.borderBoxSize){const s=l.borderBoxSize[0];if(s)return Math.round(s[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(n.getBoundingClientRect()[e.options.horizontal?"width":"height"])},ee=(n,{adjustments:l=0,behavior:e},s)=>{var t,i;const o=n+l;(i=(t=s.scrollElement)==null?void 0:t.scrollTo)==null||i.call(t,{[s.options.horizontal?"left":"top"]:o,behavior:e})};class te{constructor(l){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let e=null;const s=()=>e||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:e=new this.targetWindow.ResizeObserver(t=>{t.forEach(i=>{const o=()=>{this._measureElement(i.target,i)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(o):o()})}));return{disconnect:()=>{var t;(t=s())==null||t.disconnect(),e=null},observe:t=>{var i;return(i=s())==null?void 0:i.observe(t,{box:"border-box"})},unobserve:t=>{var i;return(i=s())==null?void 0:i.unobserve(t)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([s,t])=>{typeof t>"u"&&delete e[s]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:X,rangeExtractor:Y,onChange:()=>{},measureElement:Z,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...e}},this.notify=e=>{var s,t;(t=(s=this.options).onChange)==null||t.call(s,this,e)},this.maybeNotify=M(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:process.env.NODE_ENV!=="production"&&"maybeNotify",debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var e;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((e=this.scrollElement)==null?void 0:e.window)??null,this.elementsCache.forEach(t=>{this.observer.observe(t)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(t,i)=>{this.scrollAdjustments=0,this.scrollDirection=i?this.getScrollOffset()<t?"forward":"backward":null,this.scrollOffset=t,this.isScrolling=i,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(e,s)=>{const t=new Map,i=new Map;for(let o=s-1;o>=0;o--){const r=e[o];if(t.has(r.lane))continue;const c=i.get(r.lane);if(c==null||r.end>c.end?i.set(r.lane,r):r.end<c.end&&t.set(r.lane,!0),t.size===this.options.lanes)break}return i.size===this.options.lanes?Array.from(i.values()).sort((o,r)=>o.end===r.end?o.index-r.index:o.end-r.end)[0]:void 0},this.getMeasurementOptions=M(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(e,s,t,i,o)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:s,scrollMargin:t,getItemKey:i,enabled:o}),{key:!1}),this.getMeasurements=M(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:s,scrollMargin:t,getItemKey:i,enabled:o},r)=>{if(!o)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(a=>{this.itemSizeCache.set(a.key,a.size)}));const c=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const u=this.measurementsCache.slice(0,c);for(let a=c;a<e;a++){const h=i(a),f=this.options.lanes===1?u[a-1]:this.getFurthestMeasurement(u,a),p=f?f.end+this.options.gap:s+t,m=r.get(h),g=typeof m=="number"?m:this.options.estimateSize(a),v=p+g,S=f?f.lane:a%this.options.lanes;u[a]={index:a,start:p,size:g,end:v,key:h,lane:S}}return this.measurementsCache=u,u},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=M(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,s,t,i)=>this.range=e.length>0&&s>0?se({measurements:e,outerSize:s,scrollOffset:t,lanes:i}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getVirtualIndexes=M(()=>{let e=null,s=null;const t=this.calculateRange();return t&&(e=t.startIndex,s=t.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,s]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,s]},(e,s,t,i,o)=>i===null||o===null?[]:e({startIndex:i,endIndex:o,overscan:s,count:t}),{key:process.env.NODE_ENV!=="production"&&"getVirtualIndexes",debug:()=>this.options.debug}),this.indexFromElement=e=>{const s=this.options.indexAttribute,t=e.getAttribute(s);return t?parseInt(t,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this._measureElement=(e,s)=>{const t=this.indexFromElement(e),i=this.measurementsCache[t];if(!i)return;const o=i.key,r=this.elementsCache.get(o);r!==e&&(r&&this.observer.unobserve(r),this.observer.observe(e),this.elementsCache.set(o,e)),e.isConnected&&this.resizeItem(t,this.options.measureElement(e,s,this))},this.resizeItem=(e,s)=>{const t=this.measurementsCache[e];if(!t)return;const i=this.itemSizeCache.get(t.key)??t.size,o=s-i;o!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(t,o,this):t.start<this.getScrollOffset()+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",o),this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=o,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(t.index),this.itemSizeCache=new Map(this.itemSizeCache.set(t.key,s)),this.notify(!1))},this.measureElement=e=>{if(!e){this.elementsCache.forEach((s,t)=>{s.isConnected||(this.observer.unobserve(s),this.elementsCache.delete(t))});return}this._measureElement(e,void 0)},this.getVirtualItems=M(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,s)=>{const t=[];for(let i=0,o=e.length;i<o;i++){const r=e[i],c=s[r];t.push(c)}return t},{key:process.env.NODE_ENV!=="production"&&"getVirtualItems",debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{const s=this.getMeasurements();if(s.length!==0)return T(s[A(0,s.length-1,t=>T(s[t]).start,e)])},this.getOffsetForAlignment=(e,s,t=0)=>{const i=this.getSize(),o=this.getScrollOffset();s==="auto"&&(s=e>=o+i?"end":"start"),s==="center"?e+=(t-i)/2:s==="end"&&(e-=i);const r=this.options.horizontal?"scrollWidth":"scrollHeight",u=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[r]:this.scrollElement[r]:0)-i;return Math.max(Math.min(u,e),0)},this.getOffsetForIndex=(e,s="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));const t=this.measurementsCache[e];if(!t)return;const i=this.getSize(),o=this.getScrollOffset();if(s==="auto")if(t.end>=o+i-this.options.scrollPaddingEnd)s="end";else if(t.start<=o+this.options.scrollPaddingStart)s="start";else return[o,s];const r=s==="end"?t.end+this.options.scrollPaddingEnd:t.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(r,s,t.size),s]},this.isDynamicMode=()=>this.elementsCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&this.targetWindow&&(this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:s="start",behavior:t}={})=>{this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,s),{adjustments:void 0,behavior:t})},this.scrollToIndex=(e,{align:s="auto",behavior:t}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const i=this.getOffsetForIndex(e,s);if(!i)return;const[o,r]=i;this._scrollToOffset(o,{adjustments:void 0,behavior:t}),t!=="smooth"&&this.isDynamicMode()&&this.targetWindow&&(this.scrollToIndexTimeoutId=this.targetWindow.setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.elementsCache.has(this.options.getItemKey(e))){const[u]=T(this.getOffsetForIndex(e,r));K(u,this.getScrollOffset())||this.scrollToIndex(e,{align:r,behavior:t})}else this.scrollToIndex(e,{align:r,behavior:t})}))},this.scrollBy=(e,{behavior:s}={})=>{this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+e,{adjustments:void 0,behavior:s})},this.getTotalSize=()=>{var e;const s=this.getMeasurements();let t;if(s.length===0)t=this.options.paddingStart;else if(this.options.lanes===1)t=((e=s[s.length-1])==null?void 0:e.end)??0;else{const i=Array(this.options.lanes).fill(null);let o=s.length-1;for(;o>=0&&i.some(r=>r===null);){const r=s[o];i[r.lane]===null&&(i[r.lane]=r.end),o--}t=Math.max(...i.filter(r=>r!==null))}return Math.max(t-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(e,{adjustments:s,behavior:t})=>{this.options.scrollToFn(e,{behavior:t,adjustments:s},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(l)}}const A=(n,l,e,s)=>{for(;n<=l;){const t=(n+l)/2|0,i=e(t);if(i<s)n=t+1;else if(i>s)l=t-1;else return t}return n>0?n-1:0};function se({measurements:n,outerSize:l,scrollOffset:e,lanes:s}){const t=n.length-1,i=c=>n[c].start;if(n.length<=s)return{startIndex:0,endIndex:t};let o=A(0,t,i,e),r=o;if(s===1)for(;r<t&&n[r].end<e+l;)r++;else if(s>1){const c=Array(s).fill(0);for(;r<t&&c.some(a=>a<e+l);){const a=n[r];c[a.lane]=a.end,r++}const u=Array(s).fill(e+l);for(;o>=0&&u.some(a=>a>=e);){const a=n[o];u[a.lane]=a.start,o--}o=Math.max(0,o-o%s),r=Math.min(t,r+(s-1-r%s))}return{startIndex:o,endIndex:r}}const k=typeof document<"u"?y.useLayoutEffect:y.useEffect;function ne(n){const l=y.useReducer(()=>({}),{})[1],e={...n,onChange:(t,i)=>{var o;i?$.flushSync(l):l(),(o=n.onChange)==null||o.call(n,t,i)}},[s]=y.useState(()=>new te(e));return s.setOptions(e),k(()=>s._didMount(),[]),k(()=>s._willUpdate()),s}function ie(n){return ne({observeElementRect:J,observeElementOffset:Q,scrollToFn:ee,...n})}const oe=(n,l)=>(e=>Array.isArray(e)?l(e):n(e)),[V,re]=N.create({displayName:"List.DataContext",providerName:"List.Frame"}),[L,z]=N.create({displayName:"List.UtilContext",providerName:"List.Frame"}),le=()=>z("List.useUtilContext"),ce=()=>{const{scrollToIndex:n}=z("List.useScroller");return d.useMemo(()=>({scrollToIndex:n}),[n])},ae=n=>{const{getItem:l,subscribe:e}=z("List.useItem");return d.useSyncExternalStore(d.useCallback(s=>e==null?()=>{}:e(s,n),[n,e]),d.useCallback(()=>l?.(n),[l,n]),()=>{})},B=()=>{const{data:n,getItems:l,getTotalSize:e,itemHeight:s,sentinelRef:t}=re("List.useData"),{ref:i,getItem:o,scrollToIndex:r,subscribe:c}=z("List.useData");return d.useMemo(()=>({data:n,getItems:l,getTotalSize:e,ref:i,getItem:o,scrollToIndex:r,subscribe:c,itemHeight:s,sentinelRef:t}),[n,l,e,i,o,r,c,s,t])},W=(n,l,e)=>{const s=R.useSyncedRef(e),{visible:t}=D.useContext(),i=d.useRef(!1);return d.useCallback(o=>{n.current=o,!(n.current==null||i.current)&&(i.current=!0,s.current?.())},[s,t,l])},ue=100,he=(n,l)=>{const e=R.useSyncedRef(n),s=d.useRef(!1),t=d.useRef(null),i=d.useRef(null),o=d.useRef(null),r=R.usePrevious(l);r!==void 0&&l!==r&&(s.current=!1);const c=d.useCallback(()=>{t.current?.disconnect(),t.current=null;const h=i.current,f=o.current;h==null||f==null||(t.current=new IntersectionObserver(p=>{p[0].isIntersecting&&!s.current&&(s.current=!0,e.current?.())},{root:h,rootMargin:`0px 0px ${ue}px 0px`,threshold:0}),t.current.observe(f))},[e]),u=d.useCallback(h=>{i.current=h,c()},[c]),a=d.useCallback(h=>{o.current=h,c()},[c]);return{containerRef:u,sentinelRef:a}},de=({data:n,getItem:l,subscribe:e,children:s,onFetchMore:t,overscan:i=10,itemHeight:o=36})=>{const r=d.useRef(null),c=n.length>0,u=W(r,c,t),a=ie({count:n.length,getScrollElement:()=>r.current,estimateSize:()=>o,overscan:i,onChange:d.useCallback(m=>{const g=m.getVirtualItems();g.length>0&&g[g.length-1].index===n.length-1&&t?.()},[n.length,t])}),h=a.getVirtualItems(),f=d.useMemo(()=>({ref:u,getItem:l,data:n,subscribe:e,getTotalSize:()=>a.getTotalSize(),getItems:()=>h.map(({index:m,start:g})=>({key:n[m],index:m,translate:g})),itemHeight:o}),[u,a,n,l,o,h]),p=d.useMemo(()=>({ref:u,getItem:l,scrollToIndex:m=>a.scrollToIndex(m),subscribe:e}),[u,a,l,e]);return E.jsxRuntimeExports.jsx(V,{value:f,children:E.jsxRuntimeExports.jsx(L,{value:p,children:s})})},fe=({data:n,getItem:l,subscribe:e,children:s,onFetchMore:t,itemHeight:i})=>{const o=d.useRef(null),r=n.length>0,c=d.useCallback((v,S)=>{const x=o.current?.children[0];if(x==null)return;const C=S==="top"?1:-1;let I;const w=v+C;U.bounds.contains({lower:0,upper:x.children.length},w)?I=v+C:I=v;const O=x.children[I];O?.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[]),u=W(o,r,t),{containerRef:a,sentinelRef:h}=he(t,n.length),f=R.useCombinedRefs(u,a),p=d.useMemo(()=>n.map((v,S)=>({key:v,index:S})),[n]),m=d.useMemo(()=>({ref:f,getItem:l,data:n,subscribe:e,getTotalSize:()=>{},getItems:()=>p,itemHeight:i,sentinelRef:h}),[f,n,l,e,i,h,p]),g=d.useMemo(()=>({ref:f,getItem:l,scrollToIndex:c,subscribe:e}),[f,l,e,c]);return E.jsxRuntimeExports.jsx(V,{value:m,children:E.jsxRuntimeExports.jsx(L,{value:g,children:s})})},q=({virtual:n=!1,...l})=>n?E.jsxRuntimeExports.jsx(de,{...l}):E.jsxRuntimeExports.jsx(fe,{...l}),me=d.memo(q),ge=({itemKey:n,className:l,index:e,el:s,draggingOver:t=!1,rightAligned:i=!1,highlightHovered:o=!1,selected:r=!1,translate:c,onSelect:u,onClick:a,hovered:h,style:f,...p})=>E.jsxRuntimeExports.jsx(P.Button,{el:s,defaultEl:"div",id:n.toString(),variant:"text",onClick:m=>{u?.(n),a?.(m)},className:b.CSS(l,D.CONTEXT_TARGET,r&&D.CONTEXT_SELECTED,h&&b.CSS.M("hovered"),i&&b.CSS.M("right-aligned"),o&&b.CSS.M("highlight-hover"),t&&b.CSS.M("dragging-over"),b.CSS.BE("list","item"),b.CSS.selected(r)),style:{position:c!=null?"absolute":"relative",transform:`translateY(${c}px)`,...f},square:!1,...p}),pe=({className:n,children:l,emptyContent:e,displayItems:s,style:t,direction:i,x:o,y:r,...c})=>{const{ref:u,getItems:a,getTotalSize:h,data:f,itemHeight:p,sentinelRef:m}=B(),g=a();let v=e;const S=f.length>0;S&&(v=E.jsxRuntimeExports.jsxs("div",{className:b.CSS.BE("list","virtualizer"),style:{minHeight:h()},children:[g.map(({key:I,index:w,translate:O})=>l({key:I,index:w,itemKey:I,translate:O})),m!=null&&E.jsxRuntimeExports.jsx("div",{ref:m,className:b.CSS.BE("list","sentinel"),"aria-hidden":"true"})]}));let x;p!=null&&s!=null&&isFinite(s)&&S&&(x=Math.min(s,g.length)*p+1);const C=_.parseDirection(i,o,r);return E.jsxRuntimeExports.jsx(_.Box$1,{gap:0,ref:u,className:b.CSS(n,b.CSS.BE("list","items"),!S&&b.CSS.BEM("list","items","empty")),style:{height:x,...t},full:C,direction:C,...c,children:v})},xe=d.memo(pe);exports.BaseFrame=q;exports.Frame=me;exports.Item=ge;exports.Items=xe;exports.createGetItem=oe;exports.useData=B;exports.useItem=ae;exports.useScroller=ce;exports.useUtilContext=le;

package/dist/Menu-C0scum-k.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsx-runtime-nZSsnGb7.cjs"),t=require("@synnaxlabs/x"),a=require("react"),R=require("react-dom"),E=require("./css-CloSmhZB.cjs"),C=require("./Animated-xK__WUQp.cjs"),q=require("./Box-CNUz5BsV.cjs");require("./Copy-DuC8dTK7.cjs");const M=require("./Text-C2_VsLzw.cjs");require("./Editable-HUPqTaui.cjs");require("./types-DI2vtOGs.cjs");require("./Provider-DSMJjyuY.cjs");const f={visible:!1,position:t.xy.ZERO,cursor:t.xy.ZERO,keys:[]},O=E.CSS.BE("menu-context","container"),S=o=>{let e=o;for(;!e.classList.contains(C.CONTEXT_TARGET);){if(e.classList.contains(O)||e.parentElement==null)return o;e=e.parentElement}return e},_=o=>{const e=S(o);if(e==null)return[];const r=Array.from(e.parentElement?.querySelectorAll(`.${C.CONTEXT_SELECTED}`)??[]);return r.includes(e)?r:[e]},N=[{targetCorner:t.location.BOTTOM_RIGHT,dialogCorner:t.location.TOP_LEFT},{targetCorner:t.location.BOTTOM_LEFT,dialogCorner:t.location.TOP_RIGHT},{targetCorner:t.location.TOP_RIGHT,dialogCorner:t.location.BOTTOM_LEFT},{targetCorner:t.location.TOP_LEFT,dialogCorner:t.location.BOTTOM_RIGHT}],b=()=>{const o=a.useRef(null),[e,r]=a.useState(f),x=a.useCallback(n=>{const s=t.xy.construct(n);let i=[];if(typeof n=="object"&&"preventDefault"in n){n.preventDefault(),n.stopPropagation();const l=_(n.target);i=t.unique.unique(l.map(T=>T.id).filter(T=>T.length>0))}r({visible:!0,keys:i,position:s,cursor:s})},[]),u=a.useCallback(n=>{o.current=n,n!=null&&r(s=>{if(!s.visible)return s;const{adjustedDialog:i}=C.position({container:t.box.construct(0,0,window.innerWidth,window.innerHeight),dialog:t.box.construct(n),target:t.box.construct(s.cursor,0,0),prefer:N}),l=t.box.topLeft(i);return t.xy.equals(s.position,l)?s:{...s,position:l}})},[]),c=()=>r(f);return C.useClickOutside({ref:o,onClickOutside:c}),{...e,close:c,open:x,ref:u,className:O}},j=({ref:o,menu:e,visible:r,open:x,close:u,position:c,keys:n,className:s,cursor:i,style:l,onClick:T,...m})=>r?R.createPortal(d.jsxRuntimeExports.jsx(q.Box$1,{className:E.CSS(C.CONTEXT_MENU_CLASS,E.CSS.bordered(),s),ref:o,style:{...t.xy.css(c),...l},onClick:p=>{u(),T?.(p)},gap:"tiny",...m,children:e?.({keys:n,visible:r,position:c,cursor:i})}),document.body):null,y=({menu:o,children:e,...r})=>d.jsxRuntimeExports.jsxs(d.jsxRuntimeExports.Fragment,{children:[d.jsxRuntimeExports.jsx(j,{menu:o,...r}),e]}),[g,L]=M.create({defaultValue:{onClick:()=>{},selected:""},displayName:"Menu.Context"}),I=({children:o,onChange:e,level:r,gap:x,background:u,value:c=""})=>{const n=a.useCallback(i=>{typeof e=="function"?e(i):e&&i in e&&e[i](i)},[e]),s=a.useMemo(()=>({onClick:n,selected:c,level:r,gap:x,background:u}),[c,n,r,x,u]);return d.jsxRuntimeExports.jsx(g,{value:s,children:o})};exports.ContextMenu=y;exports.Menu=I;exports.useContext=L;exports.useContextMenu=b;

package/dist/{Menu-GBo3ayoP.js → Menu-CTuOX5DR.js}

@@ -1,22 +1,23 @@
-import { j as T } from "./jsx-runtime-BbD0H88J.js";
-import { A as m, C as p, M as a, b as _, E as d } from "./css-BkBrZtKZ.js";
-import { useRef as N, useState as R, useCallback as E, useMemo as S } from "react";
+import { j as T } from "./jsx-runtime-tc70JA_2.js";
+import { xy as m, location as c, unique as M, box as d } from "@synnaxlabs/x";
+import { useRef as N, useState as R, useCallback as p, useMemo as S } from "react";
 import { createPortal as g } from "react-dom";
-import { a as L, e as A, c as I, C as b, d as j } from "./Animated-C4xrEVd-.js";
-import { a as P } from "./Box-DLO7l9hM.js";
-import "./Button-DLtxKGH5.js";
-import { c as y } from "./Text-XeD58Fq8.js";
-import "./Editable-DjQORuR1.js";
-import "./types-B5-Tni3G.js";
-import "./Provider-BkxUzTWS.js";
-const C = {
+import { C } from "./css-D90kZTM8.js";
+import { a as L, e as I, c as j, C as y, d as P } from "./Animated-6qL1fRZx.js";
+import { a as b } from "./Box-Bi280MYh.js";
+import "./Copy-CzkBKGca.js";
+import { c as A } from "./Text-BSTMZRuo.js";
+import "./Editable-4ZwvICC4.js";
+import "./types-CGRCBVD4.js";
+import "./Provider-ZIy-UlnE.js";
+const E = {
   visible: !1,
   position: m.ZERO,
   cursor: m.ZERO,
   keys: []
-}, O = p.BE("menu-context", "container"), B = (n) => {
+}, O = C.BE("menu-context", "container"), B = (n) => {
   let t = n;
-  for (; !t.classList.contains(j); ) {
+  for (; !t.classList.contains(P); ) {
     if (t.classList.contains(O) || t.parentElement == null) return n;
     t = t.parentElement;
   }
@@ -25,25 +26,25 @@ const C = {
   const t = B(n);
   if (t == null) return [];
   const r = Array.from(
-    t.parentElement?.querySelectorAll(`.${I}`) ?? []
+    t.parentElement?.querySelectorAll(`.${j}`) ?? []
   );
   return r.includes(t) ? r : [t];
 }, k = [
-  { targetCorner: a.BOTTOM_RIGHT, dialogCorner: a.TOP_LEFT },
-  { targetCorner: a.BOTTOM_LEFT, dialogCorner: a.TOP_RIGHT },
-  { targetCorner: a.TOP_RIGHT, dialogCorner: a.BOTTOM_LEFT },
-  { targetCorner: a.TOP_LEFT, dialogCorner: a.BOTTOM_RIGHT }
-], z = () => {
-  const n = N(null), [t, r] = R(C), l = E((e) => {
+  { targetCorner: c.BOTTOM_RIGHT, dialogCorner: c.TOP_LEFT },
+  { targetCorner: c.BOTTOM_LEFT, dialogCorner: c.TOP_RIGHT },
+  { targetCorner: c.TOP_RIGHT, dialogCorner: c.BOTTOM_LEFT },
+  { targetCorner: c.TOP_LEFT, dialogCorner: c.BOTTOM_RIGHT }
+], J = () => {
+  const n = N(null), [t, r] = R(E), l = p((e) => {
     const o = m.construct(e);
     let s = [];
     if (typeof e == "object" && "preventDefault" in e) {
       e.preventDefault(), e.stopPropagation();
       const u = F(e.target);
-      s = _.unique(u.map((f) => f.id).filter((f) => f.length > 0));
+      s = M.unique(u.map((f) => f.id).filter((f) => f.length > 0));
     }
     r({ visible: !0, keys: s, position: o, cursor: o });
-  }, []), c = E((e) => {
+  }, []), a = p((e) => {
     n.current = e, e != null && r((o) => {
       if (!o.visible) return o;
       const { adjustedDialog: s } = L({
@@ -54,12 +55,12 @@ const C = {
       }), u = d.topLeft(s);
       return m.equals(o.position, u) ? o : { ...o, position: u };
     });
-  }, []), i = () => r(C);
-  return A({ ref: n, onClickOutside: i }), {
+  }, []), i = () => r(E);
+  return I({ ref: n, onClickOutside: i }), {
     ...t,
     close: i,
     open: l,
-    ref: c,
+    ref: a,
     className: O
   };
 }, w = ({
@@ -67,7 +68,7 @@ const C = {
   menu: t,
   visible: r,
   open: l,
-  close: c,
+  close: a,
   position: i,
   keys: e,
   className: o,
@@ -77,13 +78,13 @@ const C = {
   ...x
 }) => r ? g(
   /* @__PURE__ */ T.jsx(
-    P,
+    b,
     {
-      className: p(b, p.bordered(), o),
+      className: C(y, C.bordered(), o),
       ref: n,
       style: { ...m.css(i), ...u },
-      onClick: (M) => {
-        c(), f?.(M);
+      onClick: (_) => {
+        a(), f?.(_);
       },
       gap: "tiny",
       ...x,
@@ -91,26 +92,26 @@ const C = {
     }
   ),
   document.body
-) : null, J = ({
+) : null, K = ({
   menu: n,
   children: t,
   ...r
 }) => /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
   /* @__PURE__ */ T.jsx(w, { menu: n, ...r }),
   t
-] }), [G, K] = y({
+] }), [G, Q] = A({
   defaultValue: { onClick: () => {
   }, selected: "" },
   displayName: "Menu.Context"
-}), Q = ({
+}), Y = ({
   children: n,
   onChange: t,
   level: r,
   gap: l,
-  background: c,
+  background: a,
   value: i = ""
 }) => {
-  const e = E(
+  const e = p(
     (s) => {
       typeof t == "function" ? t(s) : t && s in t && t[s](s);
     },
@@ -121,15 +122,15 @@ const C = {
       selected: i,
       level: r,
       gap: l,
-      background: c
+      background: a
     }),
-    [i, e, r, l, c]
+    [i, e, r, l, a]
   );
   return /* @__PURE__ */ T.jsx(G, { value: o, children: n });
 };
 export {
-  J as C,
-  Q as M,
-  z as a,
-  K as u
+  K as C,
+  Y as M,
+  J as a,
+  Q as u
 };