mainstack-design-system 1.0.0 → 1.1.2

package/dist/index-Deb8apmU.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";const K=require("react"),m=require("./index-5OKsHRWb.cjs"),N=require("./index-_XxjJPRD.cjs"),M=require("./index-EVxC6cQr.cjs"),J=require("./index-WIv2ndLu.cjs"),w=require("./index-DCp2sUCa.cjs"),q=require("./index-Bd0gQB0k.cjs"),u=require("react/jsx-runtime"),Q=require("./index-C8aODXfJ.cjs");function Z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=Z(K);var ee=Symbol("radix.slottable");function te(e){const r=({children:t})=>u.jsx(u.Fragment,{children:t});return r.displayName=`${e}.Slottable`,r.__radixId=ee,r}var re=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),oe="VisuallyHidden",F=s.forwardRef((e,r)=>u.jsx(m.Primitive.span,{...e,ref:r,style:{...re,...e.style}}));F.displayName=oe;var ne=F,[j]=m.createContextScope("Tooltip",[w.createPopperScope]),D=w.createPopperScope(),G="TooltipProvider",se=700,L="tooltip.open",[ae,S]=j(G),$=e=>{const{__scopeTooltip:r,delayDuration:t=se,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:c}=e,i=s.useRef(!0),v=s.useRef(!1),a=s.useRef(0);return s.useEffect(()=>{const p=a.current;return()=>window.clearTimeout(p)},[]),u.jsx(ae,{scope:r,isOpenDelayedRef:i,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(a.current),i.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>i.current=!0,o)},[o]),isPointerInTransitRef:v,onPointerInTransitChange:s.useCallback(p=>{v.current=p},[]),disableHoverableContent:n,children:c})};$.displayName=G;var _="Tooltip",[ie,O]=j(_),V=e=>{const{__scopeTooltip:r,children:t,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:i,delayDuration:v}=e,a=S(_,e.__scopeTooltip),p=D(r),[l,f]=s.useState(null),x=J.useId(),d=s.useRef(0),h=i??a.disableHoverableContent,g=v??a.delayDuration,T=s.useRef(!1),[C,y]=Q.useControllableState({prop:o,defaultProp:n??!1,onChange:I=>{I?(a.onOpen(),document.dispatchEvent(new CustomEvent(L))):a.onClose(),c?.(I)},caller:_}),E=s.useMemo(()=>C?T.current?"delayed-open":"instant-open":"closed",[C]),P=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,T.current=!1,y(!0)},[y]),R=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,y(!1)},[y]),H=s.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>{T.current=!0,y(!0),d.current=0},g)},[g,y]);return s.useEffect(()=>()=>{d.current&&(window.clearTimeout(d.current),d.current=0)},[]),u.jsx(w.Root2,{...p,children:u.jsx(ie,{scope:r,contentId:x,open:C,stateAttribute:E,trigger:l,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{a.isOpenDelayedRef.current?H():P()},[a.isOpenDelayedRef,H,P]),onTriggerLeave:s.useCallback(()=>{h?R():(window.clearTimeout(d.current),d.current=0)},[R,h]),onOpen:P,onClose:R,disableHoverableContent:h,children:t})})};V.displayName=_;var A="TooltipTrigger",B=s.forwardRef((e,r)=>{const{__scopeTooltip:t,...o}=e,n=O(A,t),c=S(A,t),i=D(t),v=s.useRef(null),a=N.useComposedRefs(r,v,n.onTriggerChange),p=s.useRef(!1),l=s.useRef(!1),f=s.useCallback(()=>p.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),u.jsx(w.Anchor,{asChild:!0,...i,children:u.jsx(m.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...o,ref:a,onPointerMove:m.composeEventHandlers(e.onPointerMove,x=>{x.pointerType!=="touch"&&!l.current&&!c.isPointerInTransitRef.current&&(n.onTriggerEnter(),l.current=!0)}),onPointerLeave:m.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),l.current=!1}),onPointerDown:m.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),p.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:m.composeEventHandlers(e.onFocus,()=>{p.current||n.onOpen()}),onBlur:m.composeEventHandlers(e.onBlur,n.onClose),onClick:m.composeEventHandlers(e.onClick,n.onClose)})})});B.displayName=A;var k="TooltipPortal",[ce,le]=j(k,{forceMount:void 0}),Y=e=>{const{__scopeTooltip:r,forceMount:t,children:o,container:n}=e,c=O(k,r);return u.jsx(ce,{scope:r,forceMount:t,children:u.jsx(q.Presence,{present:t||c.open,children:u.jsx(M.Portal,{asChild:!0,container:n,children:o})})})};Y.displayName=k;var b="TooltipContent",U=s.forwardRef((e,r)=>{const t=le(b,e.__scopeTooltip),{forceMount:o=t.forceMount,side:n="top",...c}=e,i=O(b,e.__scopeTooltip);return u.jsx(q.Presence,{present:o||i.open,children:i.disableHoverableContent?u.jsx(z,{side:n,...c,ref:r}):u.jsx(ue,{side:n,...c,ref:r})})}),ue=s.forwardRef((e,r)=>{const t=O(b,e.__scopeTooltip),o=S(b,e.__scopeTooltip),n=s.useRef(null),c=N.useComposedRefs(r,n),[i,v]=s.useState(null),{trigger:a,onClose:p}=t,l=n.current,{onPointerInTransitChange:f}=o,x=s.useCallback(()=>{v(null),f(!1)},[f]),d=s.useCallback((h,g)=>{const T=h.currentTarget,C={x:h.clientX,y:h.clientY},y=ve(C,T.getBoundingClientRect()),E=xe(C,y),P=he(g.getBoundingClientRect()),R=ge([...E,...P]);v(R),f(!0)},[f]);return s.useEffect(()=>()=>x(),[x]),s.useEffect(()=>{if(a&&l){const h=T=>d(T,l),g=T=>d(T,a);return a.addEventListener("pointerleave",h),l.addEventListener("pointerleave",g),()=>{a.removeEventListener("pointerleave",h),l.removeEventListener("pointerleave",g)}}},[a,l,d,x]),s.useEffect(()=>{if(i){const h=g=>{const T=g.target,C={x:g.clientX,y:g.clientY},y=a?.contains(T)||l?.contains(T),E=!Te(C,i);y?x():E&&(x(),p())};return document.addEventListener("pointermove",h),()=>document.removeEventListener("pointermove",h)}},[a,l,i,p,x]),u.jsx(z,{...e,ref:c})}),[de,pe]=j(_,{isInside:!1}),fe=te("TooltipContent"),z=s.forwardRef((e,r)=>{const{__scopeTooltip:t,children:o,"aria-label":n,onEscapeKeyDown:c,onPointerDownOutside:i,...v}=e,a=O(b,t),p=D(t),{onClose:l}=a;return s.useEffect(()=>(document.addEventListener(L,l),()=>document.removeEventListener(L,l)),[l]),s.useEffect(()=>{if(a.trigger){const f=x=>{x.target?.contains(a.trigger)&&l()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[a.trigger,l]),u.jsx(M.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:i,onFocusOutside:f=>f.preventDefault(),onDismiss:l,children:u.jsxs(w.Content,{"data-state":a.stateAttribute,...p,...v,ref:r,style:{...v.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[u.jsx(fe,{children:o}),u.jsx(de,{scope:t,isInside:!0,children:u.jsx(ne,{id:a.contentId,role:"tooltip",children:n||o})})]})})});U.displayName=b;var W="TooltipArrow",X=s.forwardRef((e,r)=>{const{__scopeTooltip:t,...o}=e,n=D(t);return pe(W,t).isInside?null:u.jsx(w.Arrow,{...n,...o,ref:r})});X.displayName=W;function ve(e,r){const t=Math.abs(r.top-e.y),o=Math.abs(r.bottom-e.y),n=Math.abs(r.right-e.x),c=Math.abs(r.left-e.x);switch(Math.min(t,o,n,c)){case c:return"left";case n:return"right";case t:return"top";case o:return"bottom";default:throw new Error("unreachable")}}function xe(e,r,t=5){const o=[];switch(r){case"top":o.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":o.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":o.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":o.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return o}function he(e){const{top:r,right:t,bottom:o,left:n}=e;return[{x:n,y:r},{x:t,y:r},{x:t,y:o},{x:n,y:o}]}function Te(e,r){const{x:t,y:o}=e;let n=!1;for(let c=0,i=r.length-1;c<r.length;i=c++){const v=r[c],a=r[i],p=v.x,l=v.y,f=a.x,x=a.y;l>o!=x>o&&t<(f-p)*(o-l)/(x-l)+p&&(n=!n)}return n}function ge(e){const r=e.slice();return r.sort((t,o)=>t.x<o.x?-1:t.x>o.x?1:t.y<o.y?-1:t.y>o.y?1:0),ye(r)}function ye(e){if(e.length<=1)return e.slice();const r=[];for(let o=0;o<e.length;o++){const n=e[o];for(;r.length>=2;){const c=r[r.length-1],i=r[r.length-2];if((c.x-i.x)*(n.y-i.y)>=(c.y-i.y)*(n.x-i.x))r.pop();else break}r.push(n)}r.pop();const t=[];for(let o=e.length-1;o>=0;o--){const n=e[o];for(;t.length>=2;){const c=t[t.length-1],i=t[t.length-2];if((c.x-i.x)*(n.y-i.y)>=(c.y-i.y)*(n.x-i.x))t.pop();else break}t.push(n)}return t.pop(),r.length===1&&t.length===1&&r[0].x===t[0].x&&r[0].y===t[0].y?r:r.concat(t)}var me=$,Ce=V,be=B,we=Y,Ee=U,Pe=X;exports.Arrow2=Pe;exports.Content2=Ee;exports.Portal=we;exports.Provider=me;exports.Root3=Ce;exports.Trigger=be;