@adam-milo/ui 1.0.73 → 1.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index76.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index96.cjs"),n=require("./index97.cjs"),o=require("./index98.cjs"),s=require("./index99.cjs"),i=require("./index100.cjs"),a=require("./index101.cjs"),c=require("./index102.cjs"),u=require("./index103.cjs"),d=require("./index104.cjs"),l=require("./index105.cjs"),p=require("./index106.cjs"),f=require("./index107.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index96.cjs"),n=require("./index97.cjs"),o=require("./index108.cjs"),s=require("./index98.cjs"),i=require("./index99.cjs"),a=require("./index102.cjs"),c=require("./index103.cjs"),u=require("./index104.cjs"),d=require("./index109.cjs"),l=require("./index106.cjs"),p=require("./index110.cjs"),f=require("./index107.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
package/dist/index76.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index96.js";import{useComposedRefs as n}from"./index97.js";import{createCollection as o}from"./index98.js";import{createContextScope as s}from"./index99.js";import{Branch as i,Root as a}from"./index100.js";import{Portal as c}from"./index101.js";import{Presence as d}from"./index102.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index103.js";import{useCallbackRef as p}from"./index104.js";import{useControllableState as f}from"./index105.js";import{useLayoutEffect as m}from"./index106.js";import{VisuallyHidden as w}from"./index107.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
1
+ import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index96.js";import{useComposedRefs as n}from"./index97.js";import{createCollection as o}from"./index108.js";import{createContextScope as s}from"./index98.js";import{Branch as i,Root as a}from"./index99.js";import{Portal as c}from"./index102.js";import{Presence as d}from"./index103.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index104.js";import{useCallbackRef as p}from"./index109.js";import{useControllableState as f}from"./index106.js";import{useLayoutEffect as m}from"./index110.js";import{VisuallyHidden as w}from"./index107.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
2
2
  /* @__PURE__ */v(h.Slot,{scope:o,children:/* @__PURE__ */v(u.ol,{tabIndex:-1,...c,ref:T})}),g&&/* @__PURE__ */v(k,{ref:m,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"backwards"}))}})]})});F.displayName=D;var N="ToastFocusProxy",k=e.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=R(N,r);/* @__PURE__ */
3
3
  return v(w,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});k.displayName=N;var A="Toast",I=e.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[c,u]=f({prop:o,defaultProp:s??!0,onChange:i,caller:A});/* @__PURE__ */
4
4
  return v(d,{present:n||c,children:/* @__PURE__ */v(j,{open:c,...a,ref:t,onClose:()=>u(!1),onPause:p(e.onPause),onResume:p(e.onResume),onSwipeStart:r(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),u(!1)})})})});I.displayName=A;var[M,K]=C(A,{onClose(){}}),j=e.forwardRef((o,s)=>{const{__scopeToast:i,type:c="foreground",duration:d,open:l,onClose:f,onEscapeKeyDown:m,onPause:w,onResume:E,onSwipeStart:x,onSwipeMove:g,onSwipeCancel:C,onSwipeEnd:b,...P}=o,D=R(A,i),[L,F]=e.useState(null),N=n(s,e=>F(e)),k=e.useRef(null),I=e.useRef(null),K=d||D.duration,j=e.useRef(0),V=e.useRef(K),$=e.useRef(0),{onToastAdd:U,onToastRemove:X}=D,q=p(()=>{const e=L?.contains(document.activeElement);e&&D.viewport?.focus(),f()}),H=e.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout($.current),j.current=/* @__PURE__ */(new Date).getTime(),$.current=window.setTimeout(q,e))},[q]);e.useEffect(()=>{const e=D.viewport;if(e){const t=()=>{H(V.current),E?.()},r=()=>{const e=/* @__PURE__ */(new Date).getTime()-j.current;V.current=V.current-e,window.clearTimeout($.current),w?.()};return e.addEventListener(S,r),e.addEventListener(_,t),()=>{e.removeEventListener(S,r),e.removeEventListener(_,t)}}},[D.viewport,K,w,E,H]),e.useEffect(()=>{l&&!D.isClosePausedRef.current&&H(K)},[l,K,D.isClosePausedRef,H]),e.useEffect(()=>(U(),()=>X()),[U,X]);const z=e.useMemo(()=>L?W(L):null,[L]);return D.viewport?/* @__PURE__ */y(T,{children:[z&&/* @__PURE__ */v(O,{__scopeToast:i,role:"status","aria-live":"foreground"===c?"assertive":"polite",children:z}),
package/dist/index98.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./index99.cjs"),t=require("./index97.cjs"),o=require("./index110.cjs"),c=require("react/jsx-runtime");exports.createCollection=function(n){const l=n+"CollectionProvider",[i,s]=r.createContextScope(l),[u,a]=i(l,{collectionRef:{current:null},itemMap:new Map}),f=r=>{const{scope:t,children:o}=r,n=e.useRef(null),l=e.useRef(new Map).current;return c.jsx(u,{scope:t,itemMap:l,collectionRef:n,children:o})};f.displayName=l;const d=n+"CollectionSlot",p=o.createSlot(d),m=e.forwardRef((e,r)=>{const{scope:o,children:n}=e,l=a(d,o),i=t.useComposedRefs(r,l.collectionRef);return c.jsx(p,{ref:i,children:n})});m.displayName=d;const x=n+"CollectionItemSlot",R="data-radix-collection-item",C=o.createSlot(x),S=e.forwardRef((r,o)=>{const{scope:n,children:l,...i}=r,s=e.useRef(null),u=t.useComposedRefs(o,s),f=a(x,n);return e.useEffect(()=>(f.itemMap.set(s,{ref:s,...i}),()=>{f.itemMap.delete(s)})),c.jsx(C,{[R]:"",ref:u,children:l})});return S.displayName=x,[{Provider:f,Slot:m,ItemSlot:S},function(r){const t=a(n+"CollectionConsumer",r);return e.useCallback(()=>{const e=t.collectionRef.current;if(!e)return[];const r=Array.from(e.querySelectorAll(`[${R}]`));return Array.from(t.itemMap.values()).sort((e,t)=>r.indexOf(e.ref.current)-r.indexOf(t.ref.current))},[t.collectionRef,t.itemMap])},s]};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react/jsx-runtime");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const r=o(e);function n(...e){const t=e[0];if(1===e.length)return t;const o=()=>{const o=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const n=o.reduce((t,{useScope:o,scopeName:r})=>({...t,...o(e)[`__scope${r}`]}),{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:n}),[n])}};return o.scopeName=t.scopeName,o}exports.createContextScope=function(e,o=[]){let c=[];const s=()=>{const t=c.map(e=>r.createContext(e));return function(o){const n=o?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...o,[e]:n}}),[o,n])}};return s.scopeName=e,[function(o,n){const s=r.createContext(n),u=c.length;c=[...c,n];const i=o=>{const{scope:n,children:c,...i}=o,a=n?.[e]?.[u]||s,p=r.useMemo(()=>i,Object.values(i));return t.jsx(a.Provider,{value:p,children:c})};return i.displayName=o+"Provider",[i,function(t,c){const i=c?.[e]?.[u]||s,a=r.useContext(i);if(a)return a;if(void 0!==n)return n;throw new Error(`\`${t}\` must be used within \`${o}\``)}]},n(s,...o)]};
package/dist/index98.js CHANGED
@@ -1,3 +1,2 @@
1
- import e from"react";import{createContextScope as r}from"./index99.js";import{useComposedRefs as t}from"./index97.js";import{createSlot as o}from"./index110.js";import{jsx as n}from"react/jsx-runtime";function c(c){const l=c+"CollectionProvider",[i,f]=r(l),[s,a]=i(l,{collectionRef:{current:null},itemMap:/* @__PURE__ */new Map}),m=r=>{const{scope:t,children:o}=r,c=e.useRef(null),l=e.useRef(/* @__PURE__ */new Map).current;/* @__PURE__ */
2
- return n(s,{scope:t,itemMap:l,collectionRef:c,children:o})};m.displayName=l;const u=c+"CollectionSlot",d=o(u),p=e.forwardRef((e,r)=>{const{scope:o,children:c}=e,l=a(u,o),i=t(r,l.collectionRef);/* @__PURE__ */
3
- return n(d,{ref:i,children:c})});p.displayName=u;const R=c+"CollectionItemSlot",x="data-radix-collection-item",M=o(R),h=e.forwardRef((r,o)=>{const{scope:c,children:l,...i}=r,f=e.useRef(null),s=t(o,f),m=a(R,c);return e.useEffect(()=>(m.itemMap.set(f,{ref:f,...i}),()=>{m.itemMap.delete(f)})),/* @__PURE__ */n(M,{[x]:"",ref:s,children:l})});return h.displayName=R,[{Provider:m,Slot:p,ItemSlot:h},function(r){const t=a(c+"CollectionConsumer",r);return e.useCallback(()=>{const e=t.collectionRef.current;if(!e)return[];const r=Array.from(e.querySelectorAll(`[${x}]`));return Array.from(t.itemMap.values()).sort((e,t)=>r.indexOf(e.ref.current)-r.indexOf(t.ref.current))},[t.collectionRef,t.itemMap])},f]}export{c as createCollection};
1
+ import*as e from"react";import{jsx as t}from"react/jsx-runtime";function o(o,r=[]){let c=[];const s=()=>{const t=c.map(t=>e.createContext(t));return function(n){const r=n?.[o]||t;return e.useMemo(()=>({[`__scope${o}`]:{...n,[o]:r}}),[n,r])}};return s.scopeName=o,[function(n,r){const s=e.createContext(r),u=c.length;c=[...c,r];const i=n=>{const{scope:r,children:c,...i}=n,m=r?.[o]?.[u]||s,p=e.useMemo(()=>i,Object.values(i));/* @__PURE__ */
2
+ return t(m.Provider,{value:p,children:c})};return i.displayName=n+"Provider",[i,function(t,c){const i=c?.[o]?.[u]||s,m=e.useContext(i);if(m)return m;if(void 0!==r)return r;throw new Error(`\`${t}\` must be used within \`${n}\``)}]},n(s,...r)]}function n(...t){const o=t[0];if(1===t.length)return o;const n=()=>{const n=t.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(t){const r=n.reduce((e,{useScope:o,scopeName:n})=>({...e,...o(t)[`__scope${n}`]}),{});return e.useMemo(()=>({[`__scope${o.scopeName}`]:r}),[r])}};return n.scopeName=o.scopeName,n}export{o as createContextScope};
package/dist/index99.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react/jsx-runtime");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const r=o(e);function n(...e){const t=e[0];if(1===e.length)return t;const o=()=>{const o=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const n=o.reduce((t,{useScope:o,scopeName:r})=>({...t,...o(e)[`__scope${r}`]}),{});return r.useMemo(()=>({[`__scope${t.scopeName}`]:n}),[n])}};return o.scopeName=t.scopeName,o}exports.createContextScope=function(e,o=[]){let c=[];const s=()=>{const t=c.map(e=>r.createContext(e));return function(o){const n=o?.[e]||t;return r.useMemo(()=>({[`__scope${e}`]:{...o,[e]:n}}),[o,n])}};return s.scopeName=e,[function(o,n){const s=r.createContext(n),u=c.length;c=[...c,n];const i=o=>{const{scope:n,children:c,...i}=o,a=n?.[e]?.[u]||s,p=r.useMemo(()=>i,Object.values(i));return t.jsx(a.Provider,{value:p,children:c})};return i.displayName=o+"Provider",[i,function(t,c){const i=c?.[e]?.[u]||s,a=r.useContext(i);if(a)return a;if(void 0!==n)return n;throw new Error(`\`${t}\` must be used within \`${o}\``)}]},n(s,...o)]};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index96.cjs"),n=require("./index104.cjs"),r=require("./index97.cjs"),s=require("./index109.cjs"),i=require("./index111.cjs"),o=require("react/jsx-runtime");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const a=u(e);var c,d="dismissableLayer.update",l="dismissableLayer.pointerDownOutside",f="dismissableLayer.focusOutside",v=a.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),p=a.forwardRef((e,u)=>{const{disableOutsidePointerEvents:p=!1,onEscapeKeyDown:m,onPointerDownOutside:y,onFocusOutside:h,onInteractOutside:w,onDismiss:D,...C}=e,O=a.useContext(v),[P,g]=a.useState(null),x=P?.ownerDocument??globalThis?.document,[,L]=a.useState({}),j=r.useComposedRefs(u,e=>g(e)),R=Array.from(O.layers),[S]=[...O.layersWithOutsidePointerEventsDisabled].slice(-1),T=R.indexOf(S),q=P?R.indexOf(P):-1,B=O.layersWithOutsidePointerEventsDisabled.size>0,W=q>=T,k=function(e,t=globalThis?.document){const n=s.useCallbackRef(e),r=a.useRef(!1),i=a.useRef(()=>{});return a.useEffect(()=>{const e=e=>{if(e.target&&!r.current){let r=function(){b(l,n,s,{discrete:!0})};const s={originalEvent:e};"touch"===e.pointerType?(t.removeEventListener("click",i.current),i.current=r,t.addEventListener("click",i.current,{once:!0})):r()}else t.removeEventListener("click",i.current);r.current=!1},s=window.setTimeout(()=>{t.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(s),t.removeEventListener("pointerdown",e),t.removeEventListener("click",i.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}(e=>{const t=e.target,n=[...O.branches].some(e=>e.contains(t));W&&!n&&(y?.(e),w?.(e),e.defaultPrevented||D?.())},x),z=function(e,t=globalThis?.document){const n=s.useCallbackRef(e),r=a.useRef(!1);return a.useEffect(()=>{const e=e=>{if(e.target&&!r.current){b(f,n,{originalEvent:e},{discrete:!1})}};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}(e=>{const t=e.target;[...O.branches].some(e=>e.contains(t))||(h?.(e),w?.(e),e.defaultPrevented||D?.())},x);return i.useEscapeKeydown(e=>{q===O.layers.size-1&&(m?.(e),!e.defaultPrevented&&D&&(e.preventDefault(),D()))},x),a.useEffect(()=>{if(P)return p&&(0===O.layersWithOutsidePointerEventsDisabled.size&&(c=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),O.layersWithOutsidePointerEventsDisabled.add(P)),O.layers.add(P),E(),()=>{p&&1===O.layersWithOutsidePointerEventsDisabled.size&&(x.body.style.pointerEvents=c)}},[P,x,p,O]),a.useEffect(()=>()=>{P&&(O.layers.delete(P),O.layersWithOutsidePointerEventsDisabled.delete(P),E())},[P,O]),a.useEffect(()=>{const e=()=>L({});return document.addEventListener(d,e),()=>document.removeEventListener(d,e)},[]),o.jsx(n.Primitive.div,{...C,ref:j,style:{pointerEvents:B?W?"auto":"none":void 0,...e.style},onFocusCapture:t.composeEventHandlers(e.onFocusCapture,z.onFocusCapture),onBlurCapture:t.composeEventHandlers(e.onBlurCapture,z.onBlurCapture),onPointerDownCapture:t.composeEventHandlers(e.onPointerDownCapture,k.onPointerDownCapture)})});p.displayName="DismissableLayer";var m=a.forwardRef((e,t)=>{const s=a.useContext(v),i=a.useRef(null),u=r.useComposedRefs(t,i);return a.useEffect(()=>{const e=i.current;if(e)return s.branches.add(e),()=>{s.branches.delete(e)}},[s.branches]),o.jsx(n.Primitive.div,{...e,ref:u})});function E(){const e=new CustomEvent(d);document.dispatchEvent(e)}function b(e,t,r,{discrete:s}){const i=r.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&i.addEventListener(e,t,{once:!0}),s?n.dispatchDiscreteCustomEvent(i,o):i.dispatchEvent(o)}m.displayName="DismissableLayerBranch";var y=p,h=m;exports.Branch=h,exports.DismissableLayer=p,exports.DismissableLayerBranch=m,exports.Root=y;
package/dist/index99.js CHANGED
@@ -1,2 +1 @@
1
- import*as e from"react";import{jsx as t}from"react/jsx-runtime";function o(o,r=[]){let c=[];const s=()=>{const t=c.map(t=>e.createContext(t));return function(n){const r=n?.[o]||t;return e.useMemo(()=>({[`__scope${o}`]:{...n,[o]:r}}),[n,r])}};return s.scopeName=o,[function(n,r){const s=e.createContext(r),u=c.length;c=[...c,r];const i=n=>{const{scope:r,children:c,...i}=n,m=r?.[o]?.[u]||s,p=e.useMemo(()=>i,Object.values(i));/* @__PURE__ */
2
- return t(m.Provider,{value:p,children:c})};return i.displayName=n+"Provider",[i,function(t,c){const i=c?.[o]?.[u]||s,m=e.useContext(i);if(m)return m;if(void 0!==r)return r;throw new Error(`\`${t}\` must be used within \`${n}\``)}]},n(s,...r)]}function n(...t){const o=t[0];if(1===t.length)return o;const n=()=>{const n=t.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(t){const r=n.reduce((e,{useScope:o,scopeName:n})=>({...e,...o(t)[`__scope${n}`]}),{});return e.useMemo(()=>({[`__scope${o.scopeName}`]:r}),[r])}};return n.scopeName=o.scopeName,n}export{o as createContextScope};
1
+ import*as e from"react";import{composeEventHandlers as t}from"./index96.js";import{Primitive as n,dispatchDiscreteCustomEvent as r}from"./index104.js";import{useComposedRefs as s}from"./index97.js";import{useCallbackRef as o}from"./index109.js";import{useEscapeKeydown as i}from"./index111.js";import{jsx as a}from"react/jsx-runtime";var u,c="dismissableLayer.update",d="dismissableLayer.pointerDownOutside",l="dismissableLayer.focusOutside",f=e.createContext({layers:/* @__PURE__ */new Set,layersWithOutsidePointerEventsDisabled:/* @__PURE__ */new Set,branches:/* @__PURE__ */new Set}),v=e.forwardRef((r,v)=>{const{disableOutsidePointerEvents:m=!1,onEscapeKeyDown:y,onPointerDownOutside:b,onFocusOutside:w,onInteractOutside:h,onDismiss:D,...C}=r,L=e.useContext(f),[P,O]=e.useState(null),x=P?.ownerDocument??globalThis?.document,[,g]=e.useState({}),W=s(v,e=>O(e)),j=Array.from(L.layers),[R]=[...L.layersWithOutsidePointerEventsDisabled].slice(-1),T=j.indexOf(R),B=P?j.indexOf(P):-1,F=L.layersWithOutsidePointerEventsDisabled.size>0,S=B>=T,k=function(t,n=globalThis?.document){const r=o(t),s=e.useRef(!1),i=e.useRef(()=>{});return e.useEffect(()=>{const e=e=>{if(e.target&&!s.current){let t=function(){p(d,r,s,{discrete:!0})};const s={originalEvent:e};"touch"===e.pointerType?(n.removeEventListener("click",i.current),i.current=t,n.addEventListener("click",i.current,{once:!0})):t()}else n.removeEventListener("click",i.current);s.current=!1},t=window.setTimeout(()=>{n.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(t),n.removeEventListener("pointerdown",e),n.removeEventListener("click",i.current)}},[n,r]),{onPointerDownCapture:()=>s.current=!0}}(e=>{const t=e.target,n=[...L.branches].some(e=>e.contains(t));S&&!n&&(b?.(e),h?.(e),e.defaultPrevented||D?.())},x),z=function(t,n=globalThis?.document){const r=o(t),s=e.useRef(!1);return e.useEffect(()=>{const e=e=>{if(e.target&&!s.current){p(l,r,{originalEvent:e},{discrete:!1})}};return n.addEventListener("focusin",e),()=>n.removeEventListener("focusin",e)},[n,r]),{onFocusCapture:()=>s.current=!0,onBlurCapture:()=>s.current=!1}}(e=>{const t=e.target;[...L.branches].some(e=>e.contains(t))||(w?.(e),h?.(e),e.defaultPrevented||D?.())},x);return i(e=>{B===L.layers.size-1&&(y?.(e),!e.defaultPrevented&&D&&(e.preventDefault(),D()))},x),e.useEffect(()=>{if(P)return m&&(0===L.layersWithOutsidePointerEventsDisabled.size&&(u=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),L.layersWithOutsidePointerEventsDisabled.add(P)),L.layers.add(P),E(),()=>{m&&1===L.layersWithOutsidePointerEventsDisabled.size&&(x.body.style.pointerEvents=u)}},[P,x,m,L]),e.useEffect(()=>()=>{P&&(L.layers.delete(P),L.layersWithOutsidePointerEventsDisabled.delete(P),E())},[P,L]),e.useEffect(()=>{const e=()=>g({});return document.addEventListener(c,e),()=>document.removeEventListener(c,e)},[]),/* @__PURE__ */a(n.div,{...C,ref:W,style:{pointerEvents:F?S?"auto":"none":void 0,...r.style},onFocusCapture:t(r.onFocusCapture,z.onFocusCapture),onBlurCapture:t(r.onBlurCapture,z.onBlurCapture),onPointerDownCapture:t(r.onPointerDownCapture,k.onPointerDownCapture)})});v.displayName="DismissableLayer";var m=e.forwardRef((t,r)=>{const o=e.useContext(f),i=e.useRef(null),u=s(r,i);return e.useEffect(()=>{const e=i.current;if(e)return o.branches.add(e),()=>{o.branches.delete(e)}},[o.branches]),/* @__PURE__ */a(n.div,{...t,ref:u})});function E(){const e=new CustomEvent(c);document.dispatchEvent(e)}function p(e,t,n,{discrete:s}){const o=n.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),s?r(o,i):o.dispatchEvent(i)}m.displayName="DismissableLayerBranch";var y=v,b=m;export{b as Branch,v as DismissableLayer,m as DismissableLayerBranch,y as Root};
@@ -1 +1 @@
1
- {"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAqBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kHAqIzB,CAAC;AAGF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAkCzB,CAAC;AAGF,eAAO,MAAM,UAAU,4GAkBtB,CAAC;AAGF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,6GAevB,CAAC;AAGF,eAAO,MAAM,eAAe,iHAgB1B,CAAC;AAGH,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAqBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kHAuIzB,CAAC;AAGF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAkCzB,CAAC;AAGF,eAAO,MAAM,UAAU,4GAkBtB,CAAC;AAGF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,6GAevB,CAAC;AAGF,eAAO,MAAM,eAAe,iHAgB1B,CAAC;AAGH,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAoBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AAErD,eAAO,MAAM,YAAY,uDAAyB,CAAC;AAEnD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,sHAmB5B,CAAC;AAGH,eAAO,MAAM,UAAU;+FAOpB,eAAe;;CAejB,CAAC;AAGF,eAAO,MAAM,aAAa,+GAqBzB,CAAC;AAGF,eAAO,MAAM,aAAa,+GA6DzB,CAAC;AAGF,eAAO,MAAM,YAAY;sFAMtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,YAAY;4EAKtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,WAAW,iHAevB,CAAC;AAGF,eAAO,MAAM,iBAAiB,yHAgB5B,CAAC;AAGH,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAoBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AAErD,eAAO,MAAM,YAAY,uDAAyB,CAAC;AAEnD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,sHAmB5B,CAAC;AAGH,eAAO,MAAM,UAAU;+FAOpB,eAAe;;CAejB,CAAC;AAGF,eAAO,MAAM,aAAa,+GAqBzB,CAAC;AAGF,eAAO,MAAM,aAAa,+GA8DzB,CAAC;AAGF,eAAO,MAAM,YAAY;sFAMtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,YAAY;4EAKtB,iBAAiB;;CAYnB,CAAC;AAGF,eAAO,MAAM,WAAW,iHAevB,CAAC;AAGF,eAAO,MAAM,iBAAiB,yHAgB5B,CAAC;AAGH,YAAY,EACV,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}