@synnaxlabs/pluto 0.48.0 → 0.50.0

package/dist/Items-DjAwxhhi.cjs

@@ -0,0 +1,4 @@
+"use strict";const E=require("./jsx-runtime-nZSsnGb7.cjs"),q=require("./Button-Cj2hR9EM.cjs"),v=require("./css-D3NdC2sx.cjs"),D=require("./Animated-DpzwlYqX.cjs"),d=require("react"),_=require("./Box-D27bV7QJ.cjs"),U=require("react-dom"),N=require("./Text-IFQH97iK.cjs"),R=require("./Editable-C-z-stcD.cjs");require("./types-C0tUDfsz.cjs");require("./Provider-CKROy_xK.cjs");function $(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=$(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,S=g/16,b=(x,C)=>{for(x=String(x);x.length<C;)x=" "+x;return x};console.info(`%c⏱ ${b(g,5)} /${b(m,5)} ms`,`
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0,Math.min(120-120*S,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 H=(n,l)=>Math.abs(n-l)<1,K=(n,l,e)=>{let s;return function(...t){n.clearTimeout(s),s=n.setTimeout(()=>l.apply(this,t),e)}},G=n=>n,X=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},Y=(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,J=(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?()=>{}:K(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)}},Q=(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"])},Z=(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 ee{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:G,rangeExtractor:X,onChange:()=>{},measureElement:Q,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),S=p+g,b=f?f.lane:a%this.options.lanes;u[a]={index:a,start:p,size:g,end:S,key:h,lane:b}}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?te({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));H(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 te({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 se(n){const l=y.useReducer(()=>({}),{})[1],e={...n,onChange:(t,i)=>{var o;i?U.flushSync(l):l(),(o=n.onChange)==null||o.call(n,t,i)}},[s]=y.useState(()=>new ee(e));return s.setOptions(e),k(()=>s._didMount(),[]),k(()=>s._willUpdate()),s}function ne(n){return se({observeElementRect:Y,observeElementOffset:J,scrollToFn:Z,...n})}const ie=(n,l)=>(e=>Array.isArray(e)?l(e):n(e)),[V,oe]=N.create({displayName:"List.DataContext",providerName:"List.Frame"}),[B,z]=N.create({displayName:"List.UtilContext",providerName:"List.Frame"}),re=()=>z("List.useUtilContext"),le=()=>{const{scrollToIndex:n}=z("List.useScroller");return d.useMemo(()=>({scrollToIndex:n}),[n])},ce=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]))},L=()=>{const{data:n,getItems:l,getTotalSize:e,itemHeight:s,sentinelRef:t}=oe("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])},ae=100,ue=(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 ${ae}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}},he=({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=ne({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(B,{value:p,children:s})})},de=({data:n,getItem:l,subscribe:e,children:s,onFetchMore:t,itemHeight:i})=>{const o=d.useRef(null),r=n.length>0,c=d.useCallback((S,b)=>{const x=o.current?.children[0];if(x==null)return;const C=b==="top"?1:-1;let I;const w=S+C;v.Iu.contains({lower:0,upper:x.children.length},w)?I=S+C:I=S;const O=x.children[I];O?.scrollIntoView({block:"nearest",inline:"nearest",behavior:"smooth"})},[]),u=W(o,r,t),{containerRef:a,sentinelRef:h}=ue(t,n.length),f=R.useCombinedRefs(u,a),p=d.useMemo(()=>n.map((S,b)=>({key:S,index:b})),[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(B,{value:g,children:s})})},P=({virtual:n=!1,...l})=>n?E.jsxRuntimeExports.jsx(he,{...l}):E.jsxRuntimeExports.jsx(de,{...l}),fe=d.memo(P),me=({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(q.Button,{el:s,defaultEl:"div",id:n.toString(),variant:"text",onClick:m=>{u?.(n),a?.(m)},className:v.CSS(l,D.CONTEXT_TARGET,r&&D.CONTEXT_SELECTED,h&&v.CSS.M("hovered"),i&&v.CSS.M("right-aligned"),o&&v.CSS.M("highlight-hover"),t&&v.CSS.M("dragging-over"),v.CSS.BE("list","item"),v.CSS.selected(r)),style:{position:c!=null?"absolute":"relative",transform:`translateY(${c}px)`,...f},square:!1,...p}),ge=({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}=L(),g=a();let S=e;const b=f.length>0;b&&(S=E.jsxRuntimeExports.jsxs("div",{className:v.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:v.CSS.BE("list","sentinel"),"aria-hidden":"true"})]}));let x;p!=null&&s!=null&&isFinite(s)&&b&&(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:v.CSS(n,v.CSS.BE("list","items"),!b&&v.CSS.BEM("list","items","empty")),style:{height:x,...t},full:C,direction:C,...c,children:S})},pe=d.memo(ge);exports.BaseFrame=P;exports.Frame=fe;exports.Item=me;exports.Items=pe;exports.createGetItem=ie;exports.useData=L;exports.useItem=ce;exports.useScroller=le;exports.useUtilContext=re;

package/dist/Menu-Bjfeoaln.js

@@ -0,0 +1,135 @@
+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 { createPortal as g } from "react-dom";
+import { a as L, e as A, c as I, C as b, d as j } from "./Animated-DxBr38YY.js";
+import { a as P } from "./Box-DLO7l9hM.js";
+import "./Button-DulIBpNI.js";
+import { c as y } from "./Text-TzKJ38En.js";
+import "./Editable-DjQORuR1.js";
+import "./types-B5-Tni3G.js";
+import "./Provider-BoQtgQtU.js";
+const C = {
+  visible: !1,
+  position: m.ZERO,
+  cursor: m.ZERO,
+  keys: []
+}, O = p.BE("menu-context", "container"), B = (n) => {
+  let t = n;
+  for (; !t.classList.contains(j); ) {
+    if (t.classList.contains(O) || t.parentElement == null) return n;
+    t = t.parentElement;
+  }
+  return t;
+}, F = (n) => {
+  const t = B(n);
+  if (t == null) return [];
+  const r = Array.from(
+    t.parentElement?.querySelectorAll(`.${I}`) ?? []
+  );
+  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) => {
+    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));
+    }
+    r({ visible: !0, keys: s, position: o, cursor: o });
+  }, []), c = E((e) => {
+    n.current = e, e != null && r((o) => {
+      if (!o.visible) return o;
+      const { adjustedDialog: s } = L({
+        container: d.construct(0, 0, window.innerWidth, window.innerHeight),
+        dialog: d.construct(e),
+        target: d.construct(o.cursor, 0, 0),
+        prefer: k
+      }), u = d.topLeft(s);
+      return m.equals(o.position, u) ? o : { ...o, position: u };
+    });
+  }, []), i = () => r(C);
+  return A({ ref: n, onClickOutside: i }), {
+    ...t,
+    close: i,
+    open: l,
+    ref: c,
+    className: O
+  };
+}, w = ({
+  ref: n,
+  menu: t,
+  visible: r,
+  open: l,
+  close: c,
+  position: i,
+  keys: e,
+  className: o,
+  cursor: s,
+  style: u,
+  onClick: f,
+  ...x
+}) => r ? g(
+  /* @__PURE__ */ T.jsx(
+    P,
+    {
+      className: p(b, p.bordered(), o),
+      ref: n,
+      style: { ...m.css(i), ...u },
+      onClick: (M) => {
+        c(), f?.(M);
+      },
+      gap: "tiny",
+      ...x,
+      children: t?.({ keys: e, visible: r, position: i, cursor: s })
+    }
+  ),
+  document.body
+) : null, J = ({
+  menu: n,
+  children: t,
+  ...r
+}) => /* @__PURE__ */ T.jsxs(T.Fragment, { children: [
+  /* @__PURE__ */ T.jsx(w, { menu: n, ...r }),
+  t
+] }), [G, K] = y({
+  defaultValue: { onClick: () => {
+  }, selected: "" },
+  displayName: "Menu.Context"
+}), Q = ({
+  children: n,
+  onChange: t,
+  level: r,
+  gap: l,
+  background: c,
+  value: i = ""
+}) => {
+  const e = E(
+    (s) => {
+      typeof t == "function" ? t(s) : t && s in t && t[s](s);
+    },
+    [t]
+  ), o = S(
+    () => ({
+      onClick: e,
+      selected: i,
+      level: r,
+      gap: l,
+      background: c
+    }),
+    [i, e, r, l, c]
+  );
+  return /* @__PURE__ */ T.jsx(G, { value: o, children: n });
+};
+export {
+  J as C,
+  Q as M,
+  z as a,
+  K as u
+};

package/dist/Menu-BqfIul2o.cjs

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