@telegraph/modal 0.0.60 → 0.0.61
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/CHANGELOG.md +7 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.mjs +186 -210
- package/dist/esm/index.mjs.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),Z=require("@radix-ui/react-dialog"),g=require("react"),G=require("react-dom"),J=require("@radix-ui/react-focus-scope"),Q=require("@radix-ui/react-portal"),ee=require("@radix-ui/react-visually-hidden"),te=require("@telegraph/button"),ne=require("@telegraph/helpers"),re=require("@telegraph/icon"),m=require("@telegraph/layout"),O=require("framer-motion");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){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 E=C(Z),o=C(g),se=C(G),oe=C(Q),ie=C(ee);function D(e,t,{checkForDefaultPrevented:n=!0}={}){return function(s){if(e==null||e(s),n===!1||!s.defaultPrevented)return t==null?void 0:t(s)}}function ae(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function ce(...e){return t=>e.forEach(n=>ae(n,t))}var F=o.forwardRef((e,t)=>{const{children:n,...r}=e,s=o.Children.toArray(n),i=s.find(le);if(i){const a=i.props.children,c=s.map(p=>p===i?o.Children.count(a)>1?o.Children.only(null):o.isValidElement(a)?a.props.children:null:p);return d.jsx(T,{...r,ref:t,children:o.isValidElement(a)?o.cloneElement(a,void 0,c):null})}return d.jsx(T,{...r,ref:t,children:n})});F.displayName="Slot";var T=o.forwardRef((e,t)=>{const{children:n,...r}=e;if(o.isValidElement(n)){const s=fe(n);return o.cloneElement(n,{...de(r,n.props),ref:t?ce(t,s):s})}return o.Children.count(n)>1?o.Children.only(null):null});T.displayName="SlotClone";var ue=({children:e})=>d.jsx(d.Fragment,{children:e});function le(e){return o.isValidElement(e)&&e.type===ue}function de(e,t){const n={...t};for(const r in t){const s=e[r],i=t[r];/^on[A-Z]/.test(r)?s&&i?n[r]=(...c)=>{i(...c),s(...c)}:s&&(n[r]=s):r==="style"?n[r]={...s,...i}:r==="className"&&(n[r]=[s,i].filter(Boolean).join(" "))}return{...e,...n}}function fe(e){var r,s;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var pe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],A=pe.reduce((e,t)=>{const n=o.forwardRef((r,s)=>{const{asChild:i,...a}=r,c=i?F:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(c,{...a,ref:s})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function ye(e,t){e&&se.flushSync(()=>e.dispatchEvent(t))}function he(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function ve(...e){return t=>e.forEach(n=>he(n,t))}function q(...e){return o.useCallback(ve(...e),e)}function I(e){const t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function me(e){const t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function ge(e,t=globalThis==null?void 0:globalThis.document){const n=me(e);o.useEffect(()=>{const r=s=>{s.key==="Escape"&&n(s)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var Ee="DismissableLayer",k="dismissableLayer.update",be="dismissableLayer.pointerDownOutside",xe="dismissableLayer.focusOutside",W,$=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),z=o.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:s,onFocusOutside:i,onInteractOutside:a,onDismiss:c,...p}=e,u=o.useContext($),[l,y]=o.useState(null),h=(l==null?void 0:l.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,j]=o.useState({}),b=q(t,f=>y(f)),x=Array.from(u.layers),[P]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),v=x.indexOf(P),w=l?x.indexOf(l):-1,R=u.layersWithOutsidePointerEventsDisabled.size>0,M=w>=v,Y=Re(f=>{const L=f.target,N=[...u.branches].some(S=>S.contains(L));!M||N||(s==null||s(f),a==null||a(f),f.defaultPrevented||c==null||c())},h),B=Le(f=>{const L=f.target;[...u.branches].some(S=>S.contains(L))||(i==null||i(f),a==null||a(f),f.defaultPrevented||c==null||c())},h);return ge(f=>{w===u.layers.size-1&&(r==null||r(f),!f.defaultPrevented&&c&&(f.preventDefault(),c()))},h),o.useEffect(()=>{if(l)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(W=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(l)),u.layers.add(l),_(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=W)}},[l,h,n,u]),o.useEffect(()=>()=>{l&&(u.layers.delete(l),u.layersWithOutsidePointerEventsDisabled.delete(l),_())},[l,u]),o.useEffect(()=>{const f=()=>j({});return document.addEventListener(k,f),()=>document.removeEventListener(k,f)},[]),d.jsx(A.div,{...p,ref:b,style:{pointerEvents:R?M?"auto":"none":void 0,...e.style},onFocusCapture:D(e.onFocusCapture,B.onFocusCapture),onBlurCapture:D(e.onBlurCapture,B.onBlurCapture),onPointerDownCapture:D(e.onPointerDownCapture,Y.onPointerDownCapture)})});z.displayName=Ee;var Ce="DismissableLayerBranch",Pe=o.forwardRef((e,t)=>{const n=o.useContext($),r=o.useRef(null),s=q(t,r);return o.useEffect(()=>{const i=r.current;if(i)return n.branches.add(i),()=>{n.branches.delete(i)}},[n.branches]),d.jsx(A.div,{...e,ref:s})});Pe.displayName=Ce;function Re(e,t=globalThis==null?void 0:globalThis.document){const n=I(e),r=o.useRef(!1),s=o.useRef(()=>{});return o.useEffect(()=>{const i=c=>{if(c.target&&!r.current){let p=function(){U(be,n,u,{discrete:!0})};const u={originalEvent:c};c.pointerType==="touch"?(t.removeEventListener("click",s.current),s.current=p,t.addEventListener("click",s.current,{once:!0})):p()}else t.removeEventListener("click",s.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener("pointerdown",i)},0);return()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",i),t.removeEventListener("click",s.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function Le(e,t=globalThis==null?void 0:globalThis.document){const n=I(e),r=o.useRef(!1);return o.useEffect(()=>{const s=i=>{i.target&&!r.current&&U(xe,n,{originalEvent:i},{discrete:!1})};return t.addEventListener("focusin",s),()=>t.removeEventListener("focusin",s)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function _(){const e=new CustomEvent(k);document.dispatchEvent(e)}function U(e,t,n,{discrete:r}){const s=n.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&s.addEventListener(e,t,{once:!0}),r?ye(s,i):s.dispatchEvent(i)}function V(e){const t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function Oe({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,s]=je({defaultProp:t,onChange:n}),i=e!==void 0,a=i?e:r,c=V(n),p=o.useCallback(u=>{if(i){const y=typeof u=="function"?u(e):u;y!==e&&c(y)}else s(u)},[i,e,s,c]);return[a,p]}function je({defaultProp:e,onChange:t}){const n=o.useState(e),[r]=n,s=o.useRef(r),i=V(t);return o.useEffect(()=>{s.current!==r&&(i(r),s.current=r)},[r,s,i]),n}const K=g.createContext({layers:[],setLayers:()=>{},addLayer:()=>{},removeLayer:()=>{},removeTopLayer:()=>{}}),we=({children:e})=>{const[t,n]=g.useState([]),r=a=>{n(c=>[...c,a])},s=a=>{n(t.filter(c=>c!==a))},i=()=>{const a=t[t.length-1];a&&s(a)};return d.jsx(K.Provider,{value:{layers:t,setLayers:n,addLayer:r,removeLayer:s,removeTopLayer:i},children:e})},H=()=>g.useContext(K),Se=({defaultOpen:e,open:t,onOpenChange:n,...r})=>{const[s,i]=Oe({prop:t,onChange:n,defaultProp:e}),a=H(),c=r.a11yTitle;if(g.useEffect(()=>{!s&&a.layers.includes(c)&&a.removeLayer(c)},[c,a,s]),!!s)return d.jsx(De,{open:s,onOpenChange:i,...r})},De=({open:e,onOpenChange:t,a11yTitle:n,a11yDescription:r,children:s,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:c,...p})=>{var x,P;const u=n,l=H();g.useEffect(()=>{!l||!e||l.layers.includes(u)||l.addLayer(u)},[u,l,e]);const y=((x=l.layers)==null?void 0:x.indexOf(u))||0,h=((P=l.layers)==null?void 0:P.length)||0,j=y!==0,b=u===l.layers[l.layers.length-1];return d.jsx(z,{onEscapeKeyDown:v=>{b&&(v.preventDefault(),l.removeTopLayer(),t(!1))},onPointerDownOutside:v=>{b&&(v.preventDefault(),l.removeTopLayer(),t(!1))},children:d.jsxs(E.Root,{open:e,onOpenChange:v=>{var R;if(((R=l==null?void 0:l.layers)==null?void 0:R.length)>0)return v===!1&&u===l.layers[l.layers.length-1]?(l.removeLayer(u),t(!1)):void 0;t(v)},children:[d.jsxs(ie.Root,{children:[d.jsx(E.Title,{children:n}),r&&d.jsx(E.Description,{children:r})]}),d.jsx(O.AnimatePresence,{children:e&&d.jsx(oe.Root,{className:"tgph",children:d.jsx(Te,{layer:y,children:d.jsx(J.FocusScope,{trapped:typeof i=="boolean"?i:b,onMountAutoFocus:a,onUnmountAutoFocus:c,asChild:!0,children:d.jsx(ne.RefToTgphRef,{children:d.jsx(m.Stack,{as:O.motion.div,initial:{top:`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${h-1})`},animate:{top:j?`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${y} )`:"var(--tgph-spacing-16)"},exit:{top:0},transition:{type:"spring",duration:.3,bounce:0},w:"full",justify:"center",style:{position:"fixed",left:0,maxHeight:"calc(100vh - var(--tgph-spacing-32))",maxWidth:"calc(100vw - var(--tgph-spacing-8))",zIndex:`calc(var(--tgph-zIndex-modal) + ${y})`},children:d.jsx(m.Stack,{direction:"column",as:O.motion.div,animate:{scale:1.02-Math.abs(h-y)*.02,transformOrigin:"center center"},transition:{duration:.2,bounce:0,type:"spring"},maxW:p.maxW??"160",w:p.w??"full",bg:"surface-1",border:"px",rounded:"4",shadow:"3",...p,children:s},`content-${u}`)},`container-${u}`)})})})})})]},u)})},Te=({layer:e,children:t})=>e>0?t:d.jsxs(E.Overlay,{children:[d.jsx(m.Box,{as:O.motion.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,bounce:0,type:"spring"},bg:"alpha-black-6",w:"full",h:"full",zIndex:"overlay",style:{position:"fixed",cursor:"pointer",inset:"0px"}}),t]}),ke=g.forwardRef(({children:e,...t},n)=>d.jsx(E.Content,{ref:n,asChild:!0,...t,children:d.jsx(m.Stack,{direction:"column",h:"full",...t,children:e})})),Me=({size:e="1",variant:t="ghost",...n})=>d.jsx(E.Close,{asChild:!0,children:d.jsx(te.Button,{icon:{icon:re.Lucide.X,alt:"Close Modal"},variant:t,size:e,...n})}),Be=({style:e,children:t,...n})=>d.jsx(m.Stack,{direction:"column",px:"6",py:"4",style:{overflowY:"auto",...e},...n,children:t}),Ne=({children:e,...t})=>d.jsx(m.Stack,{direction:"row",justify:"space-between",align:"center",px:"6",py:"4",borderBottom:"px",...t,children:e}),We=({children:e,...t})=>d.jsx(m.Stack,{direction:"row",align:"center",justify:"flex-end",gap:"2",px:"6",py:"4",borderTop:"px",...t,children:e}),X={};Object.assign(X,{Root:Se,Content:ke,Close:Me,Body:Be,Header:Ne,Footer:We});exports.Modal=X;exports.ModalStackingProvider=we;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),Z=require("@radix-ui/react-dialog"),g=require("react"),G=require("react-dom"),J=require("@radix-ui/react-focus-scope"),Q=require("@radix-ui/react-portal"),ee=require("@radix-ui/react-visually-hidden"),te=require("@telegraph/button"),ne=require("@telegraph/helpers"),re=require("@telegraph/icon"),m=require("@telegraph/layout"),w=require("framer-motion");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){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 b=C(Z),i=C(g),se=C(G),oe=C(Q),ie=C(ee);function T(e,t,{checkForDefaultPrevented:n=!0}={}){return function(s){if(e==null||e(s),n===!1||!s.defaultPrevented)return t==null?void 0:t(s)}}function ae(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function A(...e){return t=>e.forEach(n=>ae(n,t))}function q(...e){return i.useCallback(A(...e),e)}var I=i.forwardRef((e,t)=>{const{children:n,...r}=e,s=i.Children.toArray(n),o=s.find(le);if(o){const a=o.props.children,c=s.map(p=>p===o?i.Children.count(a)>1?i.Children.only(null):i.isValidElement(a)?a.props.children:null:p);return d.jsx(k,{...r,ref:t,children:i.isValidElement(a)?i.cloneElement(a,void 0,c):null})}return d.jsx(k,{...r,ref:t,children:n})});I.displayName="Slot";var k=i.forwardRef((e,t)=>{const{children:n,...r}=e;if(i.isValidElement(n)){const s=de(n);return i.cloneElement(n,{...ue(r,n.props),ref:t?A(t,s):s})}return i.Children.count(n)>1?i.Children.only(null):null});k.displayName="SlotClone";var ce=({children:e})=>d.jsx(d.Fragment,{children:e});function le(e){return i.isValidElement(e)&&e.type===ce}function ue(e,t){const n={...t};for(const r in t){const s=e[r],o=t[r];/^on[A-Z]/.test(r)?s&&o?n[r]=(...c)=>{o(...c),s(...c)}:s&&(n[r]=s):r==="style"?n[r]={...s,...o}:r==="className"&&(n[r]=[s,o].filter(Boolean).join(" "))}return{...e,...n}}function de(e){var r,s;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(s=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:s.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var fe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],z=fe.reduce((e,t)=>{const n=i.forwardRef((r,s)=>{const{asChild:o,...a}=r,c=o?I:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(c,{...a,ref:s})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function pe(e,t){e&&se.flushSync(()=>e.dispatchEvent(t))}function P(e){const t=i.useRef(e);return i.useEffect(()=>{t.current=e}),i.useMemo(()=>(...n)=>{var r;return(r=t.current)==null?void 0:r.call(t,...n)},[])}function ye(e,t=globalThis==null?void 0:globalThis.document){const n=P(e);i.useEffect(()=>{const r=s=>{s.key==="Escape"&&n(s)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var he="DismissableLayer",B="dismissableLayer.update",ve="dismissableLayer.pointerDownOutside",me="dismissableLayer.focusOutside",M,U=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),V=i.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:s,onFocusOutside:o,onInteractOutside:a,onDismiss:c,...p}=e,l=i.useContext(U),[u,y]=i.useState(null),h=(u==null?void 0:u.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,R]=i.useState({}),E=q(t,f=>y(f)),x=Array.from(l.layers),[L]=[...l.layersWithOutsidePointerEventsDisabled].slice(-1),v=x.indexOf(L),S=u?x.indexOf(u):-1,O=l.layersWithOutsidePointerEventsDisabled.size>0,N=S>=v,Y=Ee(f=>{const j=f.target,_=[...l.branches].some(D=>D.contains(j));!N||_||(s==null||s(f),a==null||a(f),f.defaultPrevented||c==null||c())},h),W=xe(f=>{const j=f.target;[...l.branches].some(D=>D.contains(j))||(o==null||o(f),a==null||a(f),f.defaultPrevented||c==null||c())},h);return ye(f=>{S===l.layers.size-1&&(r==null||r(f),!f.defaultPrevented&&c&&(f.preventDefault(),c()))},h),i.useEffect(()=>{if(u)return n&&(l.layersWithOutsidePointerEventsDisabled.size===0&&(M=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),l.layersWithOutsidePointerEventsDisabled.add(u)),l.layers.add(u),F(),()=>{n&&l.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=M)}},[u,h,n,l]),i.useEffect(()=>()=>{u&&(l.layers.delete(u),l.layersWithOutsidePointerEventsDisabled.delete(u),F())},[u,l]),i.useEffect(()=>{const f=()=>R({});return document.addEventListener(B,f),()=>document.removeEventListener(B,f)},[]),d.jsx(z.div,{...p,ref:E,style:{pointerEvents:O?N?"auto":"none":void 0,...e.style},onFocusCapture:T(e.onFocusCapture,W.onFocusCapture),onBlurCapture:T(e.onBlurCapture,W.onBlurCapture),onPointerDownCapture:T(e.onPointerDownCapture,Y.onPointerDownCapture)})});V.displayName=he;var ge="DismissableLayerBranch",be=i.forwardRef((e,t)=>{const n=i.useContext(U),r=i.useRef(null),s=q(t,r);return i.useEffect(()=>{const o=r.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),d.jsx(z.div,{...e,ref:s})});be.displayName=ge;function Ee(e,t=globalThis==null?void 0:globalThis.document){const n=P(e),r=i.useRef(!1),s=i.useRef(()=>{});return i.useEffect(()=>{const o=c=>{if(c.target&&!r.current){let p=function(){$(ve,n,l,{discrete:!0})};const l={originalEvent:c};c.pointerType==="touch"?(t.removeEventListener("click",s.current),s.current=p,t.addEventListener("click",s.current,{once:!0})):p()}else t.removeEventListener("click",s.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",o),t.removeEventListener("click",s.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function xe(e,t=globalThis==null?void 0:globalThis.document){const n=P(e),r=i.useRef(!1);return i.useEffect(()=>{const s=o=>{o.target&&!r.current&&$(me,n,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",s),()=>t.removeEventListener("focusin",s)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function F(){const e=new CustomEvent(B);document.dispatchEvent(e)}function $(e,t,n,{discrete:r}){const s=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&s.addEventListener(e,t,{once:!0}),r?pe(s,o):s.dispatchEvent(o)}function Ce({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,s]=Pe({defaultProp:t,onChange:n}),o=e!==void 0,a=o?e:r,c=P(n),p=i.useCallback(l=>{if(o){const y=typeof l=="function"?l(e):l;y!==e&&c(y)}else s(l)},[o,e,s,c]);return[a,p]}function Pe({defaultProp:e,onChange:t}){const n=i.useState(e),[r]=n,s=i.useRef(r),o=P(t);return i.useEffect(()=>{s.current!==r&&(o(r),s.current=r)},[r,s,o]),n}const K=g.createContext({layers:[],setLayers:()=>{},addLayer:()=>{},removeLayer:()=>{},removeTopLayer:()=>{}}),Le=({children:e})=>{const[t,n]=g.useState([]),r=a=>{n(c=>[...c,a])},s=a=>{n(t.filter(c=>c!==a))},o=()=>{const a=t[t.length-1];a&&s(a)};return d.jsx(K.Provider,{value:{layers:t,setLayers:n,addLayer:r,removeLayer:s,removeTopLayer:o},children:e})},H=()=>g.useContext(K),Oe=({defaultOpen:e,open:t,onOpenChange:n,...r})=>{const[s,o]=Ce({prop:t,onChange:n,defaultProp:e}),a=H(),c=r.a11yTitle;if(g.useEffect(()=>{!s&&a.layers.includes(c)&&a.removeLayer(c)},[c,a,s]),!!s)return d.jsx(je,{open:s,onOpenChange:o,...r})},je=({open:e,onOpenChange:t,a11yTitle:n,a11yDescription:r,children:s,trapped:o,onMountAutoFocus:a,onUnmountAutoFocus:c,...p})=>{var x,L;const l=n,u=H();g.useEffect(()=>{!u||!e||u.layers.includes(l)||u.addLayer(l)},[l,u,e]);const y=((x=u.layers)==null?void 0:x.indexOf(l))||0,h=((L=u.layers)==null?void 0:L.length)||0,R=y!==0,E=l===u.layers[u.layers.length-1];return d.jsx(V,{onEscapeKeyDown:v=>{E&&(v.preventDefault(),u.removeTopLayer(),t(!1))},onPointerDownOutside:v=>{E&&(v.preventDefault(),u.removeTopLayer(),t(!1))},children:d.jsxs(b.Root,{open:e,onOpenChange:v=>{var O;if(((O=u==null?void 0:u.layers)==null?void 0:O.length)>0)return v===!1&&l===u.layers[u.layers.length-1]?(u.removeLayer(l),t(!1)):void 0;t(v)},children:[d.jsxs(ie.Root,{children:[d.jsx(b.Title,{children:n}),r&&d.jsx(b.Description,{children:r})]}),d.jsx(w.AnimatePresence,{children:e&&d.jsx(oe.Root,{className:"tgph",children:d.jsx(we,{layer:y,children:d.jsx(J.FocusScope,{trapped:typeof o=="boolean"?o:E,onMountAutoFocus:a,onUnmountAutoFocus:c,asChild:!0,children:d.jsx(ne.RefToTgphRef,{children:d.jsx(m.Stack,{as:w.motion.div,initial:{top:`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${h-1})`},animate:{top:R?`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${y} )`:"var(--tgph-spacing-16)"},exit:{top:0},transition:{type:"spring",duration:.3,bounce:0},w:"full",justify:"center",style:{position:"fixed",left:0,maxHeight:"calc(100vh - var(--tgph-spacing-32))",maxWidth:"calc(100vw - var(--tgph-spacing-8))",zIndex:`calc(var(--tgph-zIndex-modal) + ${y})`},children:d.jsx(m.Stack,{direction:"column",as:w.motion.div,animate:{scale:1.02-Math.abs(h-y)*.02,transformOrigin:"center center"},transition:{duration:.2,bounce:0,type:"spring"},maxW:p.maxW??"160",w:p.w??"full",bg:"surface-1",border:"px",rounded:"4",shadow:"3",...p,children:s},`content-${l}`)},`container-${l}`)})})})})})]},l)})},we=({layer:e,children:t})=>e>0?t:d.jsxs(b.Overlay,{children:[d.jsx(m.Box,{as:w.motion.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,bounce:0,type:"spring"},bg:"alpha-black-6",w:"full",h:"full",zIndex:"overlay",style:{position:"fixed",cursor:"pointer",inset:"0px"}}),t]}),Re=g.forwardRef(({children:e,...t},n)=>d.jsx(b.Content,{ref:n,asChild:!0,...t,children:d.jsx(m.Stack,{direction:"column",h:"full",...t,children:e})})),Se=({size:e="1",variant:t="ghost",...n})=>d.jsx(b.Close,{asChild:!0,children:d.jsx(te.Button,{icon:{icon:re.Lucide.X,alt:"Close Modal"},variant:t,size:e,...n})}),De=({style:e,children:t,...n})=>d.jsx(m.Stack,{direction:"column",px:"6",py:"4",style:{overflowY:"auto",...e},...n,children:t}),Te=({children:e,...t})=>d.jsx(m.Stack,{direction:"row",justify:"space-between",align:"center",px:"6",py:"4",borderBottom:"px",...t,children:e}),ke=({children:e,...t})=>d.jsx(m.Stack,{direction:"row",align:"center",justify:"flex-end",gap:"2",px:"6",py:"4",borderTop:"px",...t,children:e}),X={};Object.assign(X,{Root:Oe,Content:Re,Close:Se,Body:De,Header:Te,Footer:ke});exports.Modal=X;exports.ModalStackingProvider=Le;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nexport {\n composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/slot/src/Slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nvar Slot = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n const childrenArray = React.Children.toArray(children);\n const slottable = childrenArray.find(isSlottable);\n if (slottable) {\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child) => {\n if (child === slottable) {\n if (React.Children.count(newElement) > 1) return React.Children.only(null);\n return React.isValidElement(newElement) ? newElement.props.children : null;\n } else {\n return child;\n }\n });\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n }\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n});\nSlot.displayName = \"Slot\";\nvar SlotClone = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n if (React.isValidElement(children)) {\n const childrenRef = getElementRef(children);\n return React.cloneElement(children, {\n ...mergeProps(slotProps, children.props),\n // @ts-ignore\n ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef\n });\n }\n return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = \"SlotClone\";\nvar Slottable = ({ children }) => {\n return /* @__PURE__ */ jsx(Fragment, { children });\n};\nfunction isSlottable(child) {\n return React.isValidElement(child) && child.type === Slottable;\n}\nfunction mergeProps(slotProps, childProps) {\n const overrideProps = { ...childProps };\n for (const propName in childProps) {\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n if (slotPropValue && childPropValue) {\n overrideProps[propName] = (...args) => {\n childPropValue(...args);\n slotPropValue(...args);\n };\n } else if (slotPropValue) {\n overrideProps[propName] = slotPropValue;\n }\n } else if (propName === \"style\") {\n overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n } else if (propName === \"className\") {\n overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n }\n }\n return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nvar Root = Slot;\nexport {\n Root,\n Slot,\n Slottable\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/primitive/src/Primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n React.useEffect(() => {\n const handleKeyDown = (event) => {\n if (event.key === \"Escape\") {\n onEscapeKeyDown(event);\n }\n };\n ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// packages/react/dismissable-layer/src/DismissableLayer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n layers: /* @__PURE__ */ new Set(),\n layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n (props, forwardedRef) => {\n const {\n disableOutsidePointerEvents = false,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n onDismiss,\n ...layerProps\n } = props;\n const context = React.useContext(DismissableLayerContext);\n const [node, setNode] = React.useState(null);\n const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n const [, force] = React.useState({});\n const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n const layers = Array.from(context.layers);\n const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n const index = node ? layers.indexOf(node) : -1;\n const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n const pointerDownOutside = usePointerDownOutside((event) => {\n const target = event.target;\n const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n onPointerDownOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n const focusOutside = useFocusOutside((event) => {\n const target = event.target;\n const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n if (isFocusInBranch) return;\n onFocusOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n useEscapeKeydown((event) => {\n const isHighestLayer = index === context.layers.size - 1;\n if (!isHighestLayer) return;\n onEscapeKeyDown?.(event);\n if (!event.defaultPrevented && onDismiss) {\n event.preventDefault();\n onDismiss();\n }\n }, ownerDocument);\n React.useEffect(() => {\n if (!node) return;\n if (disableOutsidePointerEvents) {\n if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n ownerDocument.body.style.pointerEvents = \"none\";\n }\n context.layersWithOutsidePointerEventsDisabled.add(node);\n }\n context.layers.add(node);\n dispatchUpdate();\n return () => {\n if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n }\n };\n }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n React.useEffect(() => {\n return () => {\n if (!node) return;\n context.layers.delete(node);\n context.layersWithOutsidePointerEventsDisabled.delete(node);\n dispatchUpdate();\n };\n }, [node, context]);\n React.useEffect(() => {\n const handleUpdate = () => force({});\n document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n }, []);\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...layerProps,\n ref: composedRefs,\n style: {\n pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n ...props.style\n },\n onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n onPointerDownCapture: composeEventHandlers(\n props.onPointerDownCapture,\n pointerDownOutside.onPointerDownCapture\n )\n }\n );\n }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n const context = React.useContext(DismissableLayerContext);\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n context.branches.add(node);\n return () => {\n context.branches.delete(node);\n };\n }\n }, [context.branches]);\n return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n const isPointerInsideReactTreeRef = React.useRef(false);\n const handleClickRef = React.useRef(() => {\n });\n React.useEffect(() => {\n const handlePointerDown = (event) => {\n if (event.target && !isPointerInsideReactTreeRef.current) {\n let handleAndDispatchPointerDownOutsideEvent2 = function() {\n handleAndDispatchCustomEvent(\n POINTER_DOWN_OUTSIDE,\n handlePointerDownOutside,\n eventDetail,\n { discrete: true }\n );\n };\n var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n const eventDetail = { originalEvent: event };\n if (event.pointerType === \"touch\") {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n } else {\n handleAndDispatchPointerDownOutsideEvent2();\n }\n } else {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n }\n isPointerInsideReactTreeRef.current = false;\n };\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n }, 0);\n return () => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n };\n }, [ownerDocument, handlePointerDownOutside]);\n return {\n // ensures we check React component tree (not just DOM tree)\n onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n const handleFocusOutside = useCallbackRef(onFocusOutside);\n const isFocusInsideReactTreeRef = React.useRef(false);\n React.useEffect(() => {\n const handleFocus = (event) => {\n if (event.target && !isFocusInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n discrete: false\n });\n }\n };\n ownerDocument.addEventListener(\"focusin\", handleFocus);\n return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n }, [ownerDocument, handleFocusOutside]);\n return {\n onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n };\n}\nfunction dispatchUpdate() {\n const event = new CustomEvent(CONTEXT_UPDATE);\n document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n const target = detail.originalEvent.target;\n const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n if (handler) target.addEventListener(name, handler, { once: true });\n if (discrete) {\n dispatchDiscreteCustomEvent(target, event);\n } else {\n target.dispatchEvent(event);\n }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n Branch,\n DismissableLayer,\n DismissableLayerBranch,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = () => {\n }\n}) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n const handleChange = useCallbackRef(onChange);\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const setter = nextValue;\n const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n if (value2 !== prop) handleChange(value2);\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange]\n );\n return [value, setValue];\n}\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const uncontrolledState = React.useState(defaultProp);\n const [value] = uncontrolledState;\n const prevValueRef = React.useRef(value);\n const handleChange = useCallbackRef(onChange);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef, handleChange]);\n return uncontrolledState;\n}\nexport {\n useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n","import React from \"react\";\n\nconst ModalStackingContext = React.createContext<{\n layers: Array<string>;\n setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n addLayer: (id: string) => void;\n removeLayer: (id: string) => void;\n removeTopLayer: () => void;\n}>({\n layers: [],\n setLayers: () => {},\n addLayer: () => {},\n removeLayer: () => {},\n removeTopLayer: () => {},\n});\n\ntype ModalStackingProviderProps = {\n children: React.ReactNode;\n};\n\nconst ModalStackingProvider = ({ children }: ModalStackingProviderProps) => {\n const [layers, setLayers] = React.useState<Array<string>>([]);\n\n const addLayer = (id: string) => {\n setLayers((current) => [...current, id]);\n };\n\n const removeLayer = (id: string) => {\n setLayers(layers.filter((layer) => layer !== id));\n };\n\n const removeTopLayer = () => {\n const id = layers[layers.length - 1];\n if (!id) return;\n removeLayer(id);\n };\n\n return (\n <ModalStackingContext.Provider\n value={{ layers, setLayers, addLayer, removeLayer, removeTopLayer }}\n >\n {children}\n </ModalStackingContext.Provider>\n );\n};\n\nconst useModalStacking = () => {\n return React.useContext(ModalStackingContext);\n};\n\nexport { ModalStackingProvider, useModalStacking };\n","import * as Dialog from \"@radix-ui/react-dialog\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport * as Portal from \"@radix-ui/react-portal\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport { RefToTgphRef } from \"@telegraph/helpers\";\nimport type {\n PolymorphicProps,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n \"modal\"\n> &\n React.ComponentPropsWithoutRef<typeof FocusScope> &\n TgphComponentProps<typeof Stack> & {\n a11yTitle: string;\n a11yDescription?: string;\n layer?: number;\n };\n\nconst Root = ({\n defaultOpen: defaultOpenProp,\n open: openProp,\n onOpenChange: onOpenChangeProp,\n ...props\n}: RootProps) => {\n const [open, onOpenChange] = useControllableState({\n prop: openProp,\n onChange: onOpenChangeProp,\n defaultProp: defaultOpenProp,\n });\n\n const stacking = useModalStacking();\n const id = props.a11yTitle;\n\n React.useEffect(() => {\n if (!open && stacking.layers.includes(id)) {\n stacking.removeLayer(id);\n }\n }, [id, stacking, open]);\n\n // Prevent rendering anything within the modal if it is not open\n if (!open) return;\n\n return <RootComponent open={open} onOpenChange={onOpenChange} {...props} />;\n};\n\ntype RootComponentProps = RootProps & {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n};\n\nconst RootComponent = ({\n open,\n onOpenChange,\n a11yTitle,\n a11yDescription,\n children,\n // Focus scope props\n trapped,\n onMountAutoFocus,\n onUnmountAutoFocus,\n ...props\n}: RootComponentProps) => {\n // We use the a11yTitle as the id for the modal as it is unique\n // and can be used to identify the modal in the stacking context.\n // Without the need to generate a random id and manage between\n // different modal rendering patterns.\n const id = a11yTitle;\n const stacking = useModalStacking();\n React.useEffect(() => {\n if (!stacking || !open || stacking.layers.includes(id)) return;\n stacking.addLayer(id);\n }, [id, stacking, open]);\n\n const layer = stacking.layers?.indexOf(id) || 0;\n const layersLength = stacking.layers?.length || 0;\n const isStacked = layer !== 0;\n const isTopLayer = id === stacking.layers[stacking.layers.length - 1];\n\n return (\n <DismissableLayer\n onEscapeKeyDown={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n onPointerDownOutside={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n >\n <Dialog.Root\n open={open}\n onOpenChange={(value) => {\n const hasLayers = stacking?.layers?.length > 0;\n\n if (hasLayers) {\n if (\n value === false &&\n id === stacking.layers[stacking.layers.length - 1]\n ) {\n stacking.removeLayer(id);\n return onOpenChange(false);\n }\n // If the modal is not the top layer, do not call onOpenChange\n // when we are stacking the modals\n return;\n }\n\n onOpenChange(value);\n }}\n key={id}\n >\n <VisuallyHidden.Root>\n <Dialog.Title>{a11yTitle}</Dialog.Title>\n {a11yDescription && (\n <Dialog.Description>{a11yDescription}</Dialog.Description>\n )}\n </VisuallyHidden.Root>\n <AnimatePresence>\n {open && (\n // We add the className \"tgph\" here so that styles within\n // the portal get scoped properly to telegraph\n <Portal.Root className=\"tgph\">\n <Overlay layer={layer}>\n <FocusScope\n trapped={typeof trapped === \"boolean\" ? trapped : isTopLayer}\n onMountAutoFocus={onMountAutoFocus}\n onUnmountAutoFocus={onUnmountAutoFocus}\n asChild\n >\n <RefToTgphRef>\n <Stack\n as={motion.div}\n initial={{\n top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layersLength - 1})`,\n }}\n animate={{\n top: isStacked\n ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layer} )`\n : \"var(--tgph-spacing-16)\",\n }}\n exit={{ top: 0 }}\n transition={{ type: \"spring\", duration: 0.3, bounce: 0 }}\n w=\"full\"\n justify=\"center\"\n style={{\n position: \"fixed\",\n left: 0,\n maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n zIndex: `calc(var(--tgph-zIndex-modal) + ${layer})`,\n }}\n key={`container-${id}`}\n >\n <Stack\n direction=\"column\"\n as={motion.div}\n animate={{\n scale: 1.02 - Math.abs(layersLength - layer) * 0.02,\n transformOrigin: \"center center\",\n }}\n transition={{\n duration: 0.2,\n bounce: 0,\n type: \"spring\",\n }}\n maxW={props.maxW ?? \"160\"}\n w={props.w ?? \"full\"}\n bg=\"surface-1\"\n border=\"px\"\n rounded=\"4\"\n shadow=\"3\"\n key={`content-${id}`}\n {...props}\n >\n {children}\n </Stack>\n </Stack>\n </RefToTgphRef>\n </FocusScope>\n </Overlay>\n </Portal.Root>\n )}\n </AnimatePresence>\n </Dialog.Root>\n </DismissableLayer>\n );\n};\n\ntype OverlayProps = TgphComponentProps<typeof Box> & {\n layer: number;\n};\n\nconst Overlay = ({ layer, children }: OverlayProps) => {\n // If the layer is greater than 0, we don't want to show this\n // overlay as to not stack the overlays on top of each other.\n if (layer > 0) return children;\n return (\n <Dialog.Overlay>\n <Box\n as={motion.div}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3, bounce: 0, type: \"spring\" }}\n bg=\"alpha-black-6\"\n w=\"full\"\n h=\"full\"\n zIndex=\"overlay\"\n style={{\n position: \"fixed\",\n cursor: \"pointer\",\n inset: \"0px\",\n }}\n />\n {children}\n </Dialog.Overlay>\n );\n};\n\ntype ContentProps = React.ComponentPropsWithoutRef<typeof Dialog.Content> &\n TgphComponentProps<typeof Stack>;\ntype ContentRef = React.ElementRef<typeof Dialog.Content>;\n\nconst Content = React.forwardRef<ContentRef, ContentProps>(\n ({ children, ...props }, forwardedRef) => {\n return (\n <Dialog.Content ref={forwardedRef} asChild {...props}>\n <Stack direction=\"column\" h=\"full\" {...props}>\n {children}\n </Stack>\n </Dialog.Content>\n );\n },\n);\n\ntype CloseProps<T extends TgphElement> = TgphComponentProps<typeof Button<T>> &\n Omit<React.ComponentPropsWithoutRef<typeof Dialog.Close>, \"color\">;\nconst Close = <T extends TgphElement>({\n size = \"1\",\n variant = \"ghost\",\n ...props\n}: CloseProps<T>) => {\n return (\n <Dialog.Close asChild>\n <Button\n icon={{ icon: Lucide.X, alt: \"Close Modal\" }}\n variant={variant}\n size={size}\n {...props}\n />\n </Dialog.Close>\n );\n};\n\ntype BodyProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Body = <T extends TgphElement>({\n style,\n children,\n ...props\n}: BodyProps<T>) => {\n return (\n <Stack\n direction=\"column\"\n px=\"6\"\n py=\"4\"\n style={{\n overflowY: \"auto\",\n ...style,\n }}\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype HeaderProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Header = <T extends TgphElement>({\n children,\n ...props\n}: HeaderProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n justify=\"space-between\"\n align=\"center\"\n px=\"6\"\n py=\"4\"\n borderBottom=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype FooterProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Footer = <T extends TgphElement>({\n children,\n ...props\n}: FooterProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n align=\"center\"\n justify=\"flex-end\"\n gap=\"2\"\n px=\"6\"\n py=\"4\"\n borderTop=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\nconst Modal = {} as {\n Root: typeof Root;\n Content: typeof Content;\n Close: typeof Close;\n Body: typeof Body;\n Header: typeof Header;\n Footer: typeof Footer;\n};\n\nObject.assign(Modal, {\n Root,\n Content,\n Close,\n Body,\n Header,\n Footer,\n});\n\nexport { Modal };\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","value","composeRefs","refs","node","Slot","React","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","element","getter","_a","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useComposedRefs","useCallbackRef","callback","callbackRef","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","onEscapeKeyDown","handleKeyDown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","DismissableLayer","disableOutsidePointerEvents","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","setNode","force","composedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","dispatchUpdate","handleUpdate","BRANCH_NAME","DismissableLayerBranch","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","id","current","removeLayer","layer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","stacking","RootComponent","a11yTitle","a11yDescription","trapped","onMountAutoFocus","onUnmountAutoFocus","layersLength","isStacked","isTopLayer","jsxs","Dialog","VisuallyHidden","AnimatePresence","Portal","Overlay","FocusScope","RefToTgphRef","Stack","motion","Box","Content","Close","size","variant","Button","Lucide","Body","style","Header","Footer","Modal"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10]}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../node_modules/@radix-ui/primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/dist/index.mjs","../../../../node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nexport {\n composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/slot/src/Slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nvar Slot = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n const childrenArray = React.Children.toArray(children);\n const slottable = childrenArray.find(isSlottable);\n if (slottable) {\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child) => {\n if (child === slottable) {\n if (React.Children.count(newElement) > 1) return React.Children.only(null);\n return React.isValidElement(newElement) ? newElement.props.children : null;\n } else {\n return child;\n }\n });\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n }\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n});\nSlot.displayName = \"Slot\";\nvar SlotClone = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n if (React.isValidElement(children)) {\n const childrenRef = getElementRef(children);\n return React.cloneElement(children, {\n ...mergeProps(slotProps, children.props),\n // @ts-ignore\n ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef\n });\n }\n return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = \"SlotClone\";\nvar Slottable = ({ children }) => {\n return /* @__PURE__ */ jsx(Fragment, { children });\n};\nfunction isSlottable(child) {\n return React.isValidElement(child) && child.type === Slottable;\n}\nfunction mergeProps(slotProps, childProps) {\n const overrideProps = { ...childProps };\n for (const propName in childProps) {\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n if (slotPropValue && childPropValue) {\n overrideProps[propName] = (...args) => {\n childPropValue(...args);\n slotPropValue(...args);\n };\n } else if (slotPropValue) {\n overrideProps[propName] = slotPropValue;\n }\n } else if (propName === \"style\") {\n overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n } else if (propName === \"className\") {\n overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n }\n }\n return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nvar Root = Slot;\nexport {\n Root,\n Slot,\n Slottable\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/primitive/src/Primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n React.useEffect(() => {\n const handleKeyDown = (event) => {\n if (event.key === \"Escape\") {\n onEscapeKeyDown(event);\n }\n };\n ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// packages/react/dismissable-layer/src/DismissableLayer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n layers: /* @__PURE__ */ new Set(),\n layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n (props, forwardedRef) => {\n const {\n disableOutsidePointerEvents = false,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n onDismiss,\n ...layerProps\n } = props;\n const context = React.useContext(DismissableLayerContext);\n const [node, setNode] = React.useState(null);\n const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n const [, force] = React.useState({});\n const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n const layers = Array.from(context.layers);\n const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n const index = node ? layers.indexOf(node) : -1;\n const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n const pointerDownOutside = usePointerDownOutside((event) => {\n const target = event.target;\n const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n onPointerDownOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n const focusOutside = useFocusOutside((event) => {\n const target = event.target;\n const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n if (isFocusInBranch) return;\n onFocusOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n useEscapeKeydown((event) => {\n const isHighestLayer = index === context.layers.size - 1;\n if (!isHighestLayer) return;\n onEscapeKeyDown?.(event);\n if (!event.defaultPrevented && onDismiss) {\n event.preventDefault();\n onDismiss();\n }\n }, ownerDocument);\n React.useEffect(() => {\n if (!node) return;\n if (disableOutsidePointerEvents) {\n if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n ownerDocument.body.style.pointerEvents = \"none\";\n }\n context.layersWithOutsidePointerEventsDisabled.add(node);\n }\n context.layers.add(node);\n dispatchUpdate();\n return () => {\n if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n }\n };\n }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n React.useEffect(() => {\n return () => {\n if (!node) return;\n context.layers.delete(node);\n context.layersWithOutsidePointerEventsDisabled.delete(node);\n dispatchUpdate();\n };\n }, [node, context]);\n React.useEffect(() => {\n const handleUpdate = () => force({});\n document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n }, []);\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...layerProps,\n ref: composedRefs,\n style: {\n pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n ...props.style\n },\n onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n onPointerDownCapture: composeEventHandlers(\n props.onPointerDownCapture,\n pointerDownOutside.onPointerDownCapture\n )\n }\n );\n }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n const context = React.useContext(DismissableLayerContext);\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n context.branches.add(node);\n return () => {\n context.branches.delete(node);\n };\n }\n }, [context.branches]);\n return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n const isPointerInsideReactTreeRef = React.useRef(false);\n const handleClickRef = React.useRef(() => {\n });\n React.useEffect(() => {\n const handlePointerDown = (event) => {\n if (event.target && !isPointerInsideReactTreeRef.current) {\n let handleAndDispatchPointerDownOutsideEvent2 = function() {\n handleAndDispatchCustomEvent(\n POINTER_DOWN_OUTSIDE,\n handlePointerDownOutside,\n eventDetail,\n { discrete: true }\n );\n };\n var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n const eventDetail = { originalEvent: event };\n if (event.pointerType === \"touch\") {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n } else {\n handleAndDispatchPointerDownOutsideEvent2();\n }\n } else {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n }\n isPointerInsideReactTreeRef.current = false;\n };\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n }, 0);\n return () => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n };\n }, [ownerDocument, handlePointerDownOutside]);\n return {\n // ensures we check React component tree (not just DOM tree)\n onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n const handleFocusOutside = useCallbackRef(onFocusOutside);\n const isFocusInsideReactTreeRef = React.useRef(false);\n React.useEffect(() => {\n const handleFocus = (event) => {\n if (event.target && !isFocusInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n discrete: false\n });\n }\n };\n ownerDocument.addEventListener(\"focusin\", handleFocus);\n return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n }, [ownerDocument, handleFocusOutside]);\n return {\n onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n };\n}\nfunction dispatchUpdate() {\n const event = new CustomEvent(CONTEXT_UPDATE);\n document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n const target = detail.originalEvent.target;\n const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n if (handler) target.addEventListener(name, handler, { once: true });\n if (discrete) {\n dispatchDiscreteCustomEvent(target, event);\n } else {\n target.dispatchEvent(event);\n }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n Branch,\n DismissableLayer,\n DismissableLayerBranch,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = () => {\n }\n}) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n const handleChange = useCallbackRef(onChange);\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const setter = nextValue;\n const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n if (value2 !== prop) handleChange(value2);\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange]\n );\n return [value, setValue];\n}\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const uncontrolledState = React.useState(defaultProp);\n const [value] = uncontrolledState;\n const prevValueRef = React.useRef(value);\n const handleChange = useCallbackRef(onChange);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef, handleChange]);\n return uncontrolledState;\n}\nexport {\n useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n","import React from \"react\";\n\nconst ModalStackingContext = React.createContext<{\n layers: Array<string>;\n setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n addLayer: (id: string) => void;\n removeLayer: (id: string) => void;\n removeTopLayer: () => void;\n}>({\n layers: [],\n setLayers: () => {},\n addLayer: () => {},\n removeLayer: () => {},\n removeTopLayer: () => {},\n});\n\ntype ModalStackingProviderProps = {\n children: React.ReactNode;\n};\n\nconst ModalStackingProvider = ({ children }: ModalStackingProviderProps) => {\n const [layers, setLayers] = React.useState<Array<string>>([]);\n\n const addLayer = (id: string) => {\n setLayers((current) => [...current, id]);\n };\n\n const removeLayer = (id: string) => {\n setLayers(layers.filter((layer) => layer !== id));\n };\n\n const removeTopLayer = () => {\n const id = layers[layers.length - 1];\n if (!id) return;\n removeLayer(id);\n };\n\n return (\n <ModalStackingContext.Provider\n value={{ layers, setLayers, addLayer, removeLayer, removeTopLayer }}\n >\n {children}\n </ModalStackingContext.Provider>\n );\n};\n\nconst useModalStacking = () => {\n return React.useContext(ModalStackingContext);\n};\n\nexport { ModalStackingProvider, useModalStacking };\n","import * as Dialog from \"@radix-ui/react-dialog\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport * as Portal from \"@radix-ui/react-portal\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport { RefToTgphRef } from \"@telegraph/helpers\";\nimport type {\n PolymorphicProps,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n \"modal\"\n> &\n React.ComponentPropsWithoutRef<typeof FocusScope> &\n TgphComponentProps<typeof Stack> & {\n a11yTitle: string;\n a11yDescription?: string;\n layer?: number;\n };\n\nconst Root = ({\n defaultOpen: defaultOpenProp,\n open: openProp,\n onOpenChange: onOpenChangeProp,\n ...props\n}: RootProps) => {\n const [open, onOpenChange] = useControllableState({\n prop: openProp,\n onChange: onOpenChangeProp,\n defaultProp: defaultOpenProp,\n });\n\n const stacking = useModalStacking();\n const id = props.a11yTitle;\n\n React.useEffect(() => {\n if (!open && stacking.layers.includes(id)) {\n stacking.removeLayer(id);\n }\n }, [id, stacking, open]);\n\n // Prevent rendering anything within the modal if it is not open\n if (!open) return;\n\n return <RootComponent open={open} onOpenChange={onOpenChange} {...props} />;\n};\n\ntype RootComponentProps = RootProps & {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n};\n\nconst RootComponent = ({\n open,\n onOpenChange,\n a11yTitle,\n a11yDescription,\n children,\n // Focus scope props\n trapped,\n onMountAutoFocus,\n onUnmountAutoFocus,\n ...props\n}: RootComponentProps) => {\n // We use the a11yTitle as the id for the modal as it is unique\n // and can be used to identify the modal in the stacking context.\n // Without the need to generate a random id and manage between\n // different modal rendering patterns.\n const id = a11yTitle;\n const stacking = useModalStacking();\n React.useEffect(() => {\n if (!stacking || !open || stacking.layers.includes(id)) return;\n stacking.addLayer(id);\n }, [id, stacking, open]);\n\n const layer = stacking.layers?.indexOf(id) || 0;\n const layersLength = stacking.layers?.length || 0;\n const isStacked = layer !== 0;\n const isTopLayer = id === stacking.layers[stacking.layers.length - 1];\n\n return (\n <DismissableLayer\n onEscapeKeyDown={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n onPointerDownOutside={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n >\n <Dialog.Root\n open={open}\n onOpenChange={(value) => {\n const hasLayers = stacking?.layers?.length > 0;\n\n if (hasLayers) {\n if (\n value === false &&\n id === stacking.layers[stacking.layers.length - 1]\n ) {\n stacking.removeLayer(id);\n return onOpenChange(false);\n }\n // If the modal is not the top layer, do not call onOpenChange\n // when we are stacking the modals\n return;\n }\n\n onOpenChange(value);\n }}\n key={id}\n >\n <VisuallyHidden.Root>\n <Dialog.Title>{a11yTitle}</Dialog.Title>\n {a11yDescription && (\n <Dialog.Description>{a11yDescription}</Dialog.Description>\n )}\n </VisuallyHidden.Root>\n <AnimatePresence>\n {open && (\n // We add the className \"tgph\" here so that styles within\n // the portal get scoped properly to telegraph\n <Portal.Root className=\"tgph\">\n <Overlay layer={layer}>\n <FocusScope\n trapped={typeof trapped === \"boolean\" ? trapped : isTopLayer}\n onMountAutoFocus={onMountAutoFocus}\n onUnmountAutoFocus={onUnmountAutoFocus}\n asChild\n >\n <RefToTgphRef>\n <Stack\n as={motion.div}\n initial={{\n top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layersLength - 1})`,\n }}\n animate={{\n top: isStacked\n ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layer} )`\n : \"var(--tgph-spacing-16)\",\n }}\n exit={{ top: 0 }}\n transition={{ type: \"spring\", duration: 0.3, bounce: 0 }}\n w=\"full\"\n justify=\"center\"\n style={{\n position: \"fixed\",\n left: 0,\n maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n zIndex: `calc(var(--tgph-zIndex-modal) + ${layer})`,\n }}\n key={`container-${id}`}\n >\n <Stack\n direction=\"column\"\n as={motion.div}\n animate={{\n scale: 1.02 - Math.abs(layersLength - layer) * 0.02,\n transformOrigin: \"center center\",\n }}\n transition={{\n duration: 0.2,\n bounce: 0,\n type: \"spring\",\n }}\n maxW={props.maxW ?? \"160\"}\n w={props.w ?? \"full\"}\n bg=\"surface-1\"\n border=\"px\"\n rounded=\"4\"\n shadow=\"3\"\n key={`content-${id}`}\n {...props}\n >\n {children}\n </Stack>\n </Stack>\n </RefToTgphRef>\n </FocusScope>\n </Overlay>\n </Portal.Root>\n )}\n </AnimatePresence>\n </Dialog.Root>\n </DismissableLayer>\n );\n};\n\ntype OverlayProps = TgphComponentProps<typeof Box> & {\n layer: number;\n};\n\nconst Overlay = ({ layer, children }: OverlayProps) => {\n // If the layer is greater than 0, we don't want to show this\n // overlay as to not stack the overlays on top of each other.\n if (layer > 0) return children;\n return (\n <Dialog.Overlay>\n <Box\n as={motion.div}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3, bounce: 0, type: \"spring\" }}\n bg=\"alpha-black-6\"\n w=\"full\"\n h=\"full\"\n zIndex=\"overlay\"\n style={{\n position: \"fixed\",\n cursor: \"pointer\",\n inset: \"0px\",\n }}\n />\n {children}\n </Dialog.Overlay>\n );\n};\n\ntype ContentProps = React.ComponentPropsWithoutRef<typeof Dialog.Content> &\n TgphComponentProps<typeof Stack>;\ntype ContentRef = React.ElementRef<typeof Dialog.Content>;\n\nconst Content = React.forwardRef<ContentRef, ContentProps>(\n ({ children, ...props }, forwardedRef) => {\n return (\n <Dialog.Content ref={forwardedRef} asChild {...props}>\n <Stack direction=\"column\" h=\"full\" {...props}>\n {children}\n </Stack>\n </Dialog.Content>\n );\n },\n);\n\ntype CloseProps<T extends TgphElement> = TgphComponentProps<typeof Button<T>> &\n Omit<React.ComponentPropsWithoutRef<typeof Dialog.Close>, \"color\">;\nconst Close = <T extends TgphElement>({\n size = \"1\",\n variant = \"ghost\",\n ...props\n}: CloseProps<T>) => {\n return (\n <Dialog.Close asChild>\n <Button\n icon={{ icon: Lucide.X, alt: \"Close Modal\" }}\n variant={variant}\n size={size}\n {...props}\n />\n </Dialog.Close>\n );\n};\n\ntype BodyProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Body = <T extends TgphElement>({\n style,\n children,\n ...props\n}: BodyProps<T>) => {\n return (\n <Stack\n direction=\"column\"\n px=\"6\"\n py=\"4\"\n style={{\n overflowY: \"auto\",\n ...style,\n }}\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype HeaderProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Header = <T extends TgphElement>({\n children,\n ...props\n}: HeaderProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n justify=\"space-between\"\n align=\"center\"\n px=\"6\"\n py=\"4\"\n borderBottom=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype FooterProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Footer = <T extends TgphElement>({\n children,\n ...props\n}: FooterProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n align=\"center\"\n justify=\"flex-end\"\n gap=\"2\"\n px=\"6\"\n py=\"4\"\n borderTop=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\nconst Modal = {} as {\n Root: typeof Root;\n Content: typeof Content;\n Close: typeof Close;\n Body: typeof Body;\n Header: typeof Header;\n Footer: typeof Footer;\n};\n\nObject.assign(Modal, {\n Root,\n Content,\n Close,\n Body,\n Header,\n Footer,\n});\n\nexport { Modal };\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","value","composeRefs","refs","node","useComposedRefs","React","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","element","getter","_a","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useCallbackRef","callback","callbackRef","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","onEscapeKeyDown","handleKeyDown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","DismissableLayer","disableOutsidePointerEvents","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","setNode","force","composedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","dispatchUpdate","handleUpdate","BRANCH_NAME","DismissableLayerBranch","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","id","current","removeLayer","layer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","stacking","RootComponent","a11yTitle","a11yDescription","trapped","onMountAutoFocus","onUnmountAutoFocus","layersLength","isStacked","isTopLayer","jsxs","Dialog","VisuallyHidden","AnimatePresence","Portal","Overlay","FocusScope","RefToTgphRef","Stack","motion","Box","Content","Close","size","variant","Button","Lucide","Body","style","Header","Footer","Modal"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7]}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as d, Fragment as Z, jsxs as
|
|
1
|
+
import { jsx as d, Fragment as Z, jsxs as T } from "react/jsx-runtime";
|
|
2
2
|
import * as v from "@radix-ui/react-dialog";
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
3
|
+
import * as i from "react";
|
|
4
|
+
import E from "react";
|
|
5
5
|
import * as q from "react-dom";
|
|
6
6
|
import { FocusScope as G } from "@radix-ui/react-focus-scope";
|
|
7
7
|
import * as J from "@radix-ui/react-portal";
|
|
@@ -9,62 +9,65 @@ import * as Q from "@radix-ui/react-visually-hidden";
|
|
|
9
9
|
import { Button as ee } from "@telegraph/button";
|
|
10
10
|
import { RefToTgphRef as te } from "@telegraph/helpers";
|
|
11
11
|
import { Lucide as ne } from "@telegraph/icon";
|
|
12
|
-
import { Stack as
|
|
13
|
-
import { AnimatePresence as se, motion as
|
|
14
|
-
function
|
|
15
|
-
return function(
|
|
16
|
-
if (t == null || t(
|
|
17
|
-
return e == null ? void 0 : e(
|
|
12
|
+
import { Stack as g, Box as re } from "@telegraph/layout";
|
|
13
|
+
import { AnimatePresence as se, motion as B } from "framer-motion";
|
|
14
|
+
function S(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
15
|
+
return function(r) {
|
|
16
|
+
if (t == null || t(r), n === !1 || !r.defaultPrevented)
|
|
17
|
+
return e == null ? void 0 : e(r);
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
function oe(t, e) {
|
|
21
21
|
typeof t == "function" ? t(e) : t != null && (t.current = e);
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function j(...t) {
|
|
24
24
|
return (e) => t.forEach((n) => oe(n, e));
|
|
25
25
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
function _(...t) {
|
|
27
|
+
return i.useCallback(j(...t), t);
|
|
28
|
+
}
|
|
29
|
+
var U = i.forwardRef((t, e) => {
|
|
30
|
+
const { children: n, ...s } = t, r = i.Children.toArray(n), o = r.find(ae);
|
|
31
|
+
if (o) {
|
|
32
|
+
const a = o.props.children, c = r.map((p) => p === o ? i.Children.count(a) > 1 ? i.Children.only(null) : i.isValidElement(a) ? a.props.children : null : p);
|
|
33
|
+
return /* @__PURE__ */ d(W, { ...s, ref: e, children: i.isValidElement(a) ? i.cloneElement(a, void 0, c) : null });
|
|
31
34
|
}
|
|
32
|
-
return /* @__PURE__ */ d(
|
|
35
|
+
return /* @__PURE__ */ d(W, { ...s, ref: e, children: n });
|
|
33
36
|
});
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
const { children: n, ...
|
|
37
|
-
if (
|
|
38
|
-
const
|
|
39
|
-
return
|
|
40
|
-
...
|
|
37
|
+
U.displayName = "Slot";
|
|
38
|
+
var W = i.forwardRef((t, e) => {
|
|
39
|
+
const { children: n, ...s } = t;
|
|
40
|
+
if (i.isValidElement(n)) {
|
|
41
|
+
const r = le(n);
|
|
42
|
+
return i.cloneElement(n, {
|
|
43
|
+
...ce(s, n.props),
|
|
41
44
|
// @ts-ignore
|
|
42
|
-
ref: e ?
|
|
45
|
+
ref: e ? j(e, r) : r
|
|
43
46
|
});
|
|
44
47
|
}
|
|
45
|
-
return
|
|
48
|
+
return i.Children.count(n) > 1 ? i.Children.only(null) : null;
|
|
46
49
|
});
|
|
47
|
-
|
|
48
|
-
var
|
|
49
|
-
function
|
|
50
|
-
return
|
|
50
|
+
W.displayName = "SlotClone";
|
|
51
|
+
var ie = ({ children: t }) => /* @__PURE__ */ d(Z, { children: t });
|
|
52
|
+
function ae(t) {
|
|
53
|
+
return i.isValidElement(t) && t.type === ie;
|
|
51
54
|
}
|
|
52
|
-
function
|
|
55
|
+
function ce(t, e) {
|
|
53
56
|
const n = { ...e };
|
|
54
|
-
for (const
|
|
55
|
-
const
|
|
56
|
-
/^on[A-Z]/.test(
|
|
57
|
-
|
|
58
|
-
} :
|
|
57
|
+
for (const s in e) {
|
|
58
|
+
const r = t[s], o = e[s];
|
|
59
|
+
/^on[A-Z]/.test(s) ? r && o ? n[s] = (...c) => {
|
|
60
|
+
o(...c), r(...c);
|
|
61
|
+
} : r && (n[s] = r) : s === "style" ? n[s] = { ...r, ...o } : s === "className" && (n[s] = [r, o].filter(Boolean).join(" "));
|
|
59
62
|
}
|
|
60
63
|
return { ...t, ...n };
|
|
61
64
|
}
|
|
62
|
-
function
|
|
63
|
-
var
|
|
64
|
-
let e = (
|
|
65
|
-
return n ? t.ref : (e = (
|
|
65
|
+
function le(t) {
|
|
66
|
+
var s, r;
|
|
67
|
+
let e = (s = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : s.get, n = e && "isReactWarning" in e && e.isReactWarning;
|
|
68
|
+
return n ? t.ref : (e = (r = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : r.get, n = e && "isReactWarning" in e && e.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
|
|
66
69
|
}
|
|
67
|
-
var
|
|
70
|
+
var ue = [
|
|
68
71
|
"a",
|
|
69
72
|
"button",
|
|
70
73
|
"div",
|
|
@@ -81,97 +84,79 @@ var de = [
|
|
|
81
84
|
"span",
|
|
82
85
|
"svg",
|
|
83
86
|
"ul"
|
|
84
|
-
],
|
|
85
|
-
const n =
|
|
86
|
-
const { asChild:
|
|
87
|
-
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...a, ref:
|
|
87
|
+
], z = ue.reduce((t, e) => {
|
|
88
|
+
const n = i.forwardRef((s, r) => {
|
|
89
|
+
const { asChild: o, ...a } = s, c = o ? U : e;
|
|
90
|
+
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...a, ref: r });
|
|
88
91
|
});
|
|
89
92
|
return n.displayName = `Primitive.${e}`, { ...t, [e]: n };
|
|
90
93
|
}, {});
|
|
91
|
-
function
|
|
94
|
+
function de(t, e) {
|
|
92
95
|
t && q.flushSync(() => t.dispatchEvent(e));
|
|
93
96
|
}
|
|
94
|
-
function
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
function ye(...t) {
|
|
98
|
-
return (e) => t.forEach((n) => pe(n, e));
|
|
99
|
-
}
|
|
100
|
-
function j(...t) {
|
|
101
|
-
return o.useCallback(ye(...t), t);
|
|
102
|
-
}
|
|
103
|
-
function _(t) {
|
|
104
|
-
const e = o.useRef(t);
|
|
105
|
-
return o.useEffect(() => {
|
|
97
|
+
function L(t) {
|
|
98
|
+
const e = i.useRef(t);
|
|
99
|
+
return i.useEffect(() => {
|
|
106
100
|
e.current = t;
|
|
107
|
-
}),
|
|
108
|
-
var
|
|
109
|
-
return (
|
|
101
|
+
}), i.useMemo(() => (...n) => {
|
|
102
|
+
var s;
|
|
103
|
+
return (s = e.current) == null ? void 0 : s.call(e, ...n);
|
|
110
104
|
}, []);
|
|
111
105
|
}
|
|
112
|
-
function
|
|
113
|
-
const
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
var r;
|
|
118
|
-
return (r = e.current) == null ? void 0 : r.call(e, ...n);
|
|
119
|
-
}, []);
|
|
120
|
-
}
|
|
121
|
-
function me(t, e = globalThis == null ? void 0 : globalThis.document) {
|
|
122
|
-
const n = he(t);
|
|
123
|
-
o.useEffect(() => {
|
|
124
|
-
const r = (s) => {
|
|
125
|
-
s.key === "Escape" && n(s);
|
|
106
|
+
function fe(t, e = globalThis == null ? void 0 : globalThis.document) {
|
|
107
|
+
const n = L(t);
|
|
108
|
+
i.useEffect(() => {
|
|
109
|
+
const s = (r) => {
|
|
110
|
+
r.key === "Escape" && n(r);
|
|
126
111
|
};
|
|
127
|
-
return e.addEventListener("keydown",
|
|
112
|
+
return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
|
|
128
113
|
}, [n, e]);
|
|
129
114
|
}
|
|
130
|
-
var
|
|
115
|
+
var pe = "DismissableLayer", N = "dismissableLayer.update", ye = "dismissableLayer.pointerDownOutside", he = "dismissableLayer.focusOutside", I, V = i.createContext({
|
|
131
116
|
layers: /* @__PURE__ */ new Set(),
|
|
132
117
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
133
118
|
branches: /* @__PURE__ */ new Set()
|
|
134
|
-
}),
|
|
119
|
+
}), $ = i.forwardRef(
|
|
135
120
|
(t, e) => {
|
|
136
121
|
const {
|
|
137
122
|
disableOutsidePointerEvents: n = !1,
|
|
138
|
-
onEscapeKeyDown:
|
|
139
|
-
onPointerDownOutside:
|
|
140
|
-
onFocusOutside:
|
|
123
|
+
onEscapeKeyDown: s,
|
|
124
|
+
onPointerDownOutside: r,
|
|
125
|
+
onFocusOutside: o,
|
|
141
126
|
onInteractOutside: a,
|
|
142
127
|
onDismiss: c,
|
|
143
128
|
...p
|
|
144
|
-
} = t, l =
|
|
145
|
-
const R = f.target,
|
|
146
|
-
!
|
|
147
|
-
}, h),
|
|
129
|
+
} = t, l = i.useContext(V), [u, y] = i.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, D] = i.useState({}), b = _(e, (f) => y(f)), C = Array.from(l.layers), [P] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), m = C.indexOf(P), O = u ? C.indexOf(u) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, k = O >= m, H = ge((f) => {
|
|
130
|
+
const R = f.target, F = [...l.branches].some((x) => x.contains(R));
|
|
131
|
+
!k || F || (r == null || r(f), a == null || a(f), f.defaultPrevented || c == null || c());
|
|
132
|
+
}, h), A = Ee((f) => {
|
|
148
133
|
const R = f.target;
|
|
149
|
-
[...l.branches].some((
|
|
134
|
+
[...l.branches].some((x) => x.contains(R)) || (o == null || o(f), a == null || a(f), f.defaultPrevented || c == null || c());
|
|
150
135
|
}, h);
|
|
151
|
-
return
|
|
152
|
-
|
|
153
|
-
}, h),
|
|
136
|
+
return fe((f) => {
|
|
137
|
+
O === l.layers.size - 1 && (s == null || s(f), !f.defaultPrevented && c && (f.preventDefault(), c()));
|
|
138
|
+
}, h), i.useEffect(() => {
|
|
154
139
|
if (u)
|
|
155
|
-
return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (
|
|
156
|
-
n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents =
|
|
140
|
+
return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (I = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), M(), () => {
|
|
141
|
+
n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = I);
|
|
157
142
|
};
|
|
158
|
-
}, [u, h, n, l]),
|
|
143
|
+
}, [u, h, n, l]), i.useEffect(() => () => {
|
|
159
144
|
u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), M());
|
|
160
|
-
}, [u, l]),
|
|
161
|
-
const f = () =>
|
|
162
|
-
return document.addEventListener(
|
|
145
|
+
}, [u, l]), i.useEffect(() => {
|
|
146
|
+
const f = () => D({});
|
|
147
|
+
return document.addEventListener(N, f), () => document.removeEventListener(N, f);
|
|
163
148
|
}, []), /* @__PURE__ */ d(
|
|
164
|
-
|
|
149
|
+
z.div,
|
|
165
150
|
{
|
|
166
151
|
...p,
|
|
167
152
|
ref: b,
|
|
168
153
|
style: {
|
|
169
|
-
pointerEvents:
|
|
154
|
+
pointerEvents: w ? k ? "auto" : "none" : void 0,
|
|
170
155
|
...t.style
|
|
171
156
|
},
|
|
172
|
-
onFocusCapture:
|
|
173
|
-
onBlurCapture:
|
|
174
|
-
onPointerDownCapture:
|
|
157
|
+
onFocusCapture: S(t.onFocusCapture, A.onFocusCapture),
|
|
158
|
+
onBlurCapture: S(t.onBlurCapture, A.onBlurCapture),
|
|
159
|
+
onPointerDownCapture: S(
|
|
175
160
|
t.onPointerDownCapture,
|
|
176
161
|
H.onPointerDownCapture
|
|
177
162
|
)
|
|
@@ -179,107 +164,98 @@ var ve = "DismissableLayer", W = "dismissableLayer.update", Ee = "dismissableLay
|
|
|
179
164
|
);
|
|
180
165
|
}
|
|
181
166
|
);
|
|
182
|
-
|
|
183
|
-
var
|
|
184
|
-
const n =
|
|
185
|
-
return
|
|
186
|
-
const
|
|
187
|
-
if (
|
|
188
|
-
return n.branches.add(
|
|
189
|
-
n.branches.delete(
|
|
167
|
+
$.displayName = pe;
|
|
168
|
+
var me = "DismissableLayerBranch", ve = i.forwardRef((t, e) => {
|
|
169
|
+
const n = i.useContext(V), s = i.useRef(null), r = _(e, s);
|
|
170
|
+
return i.useEffect(() => {
|
|
171
|
+
const o = s.current;
|
|
172
|
+
if (o)
|
|
173
|
+
return n.branches.add(o), () => {
|
|
174
|
+
n.branches.delete(o);
|
|
190
175
|
};
|
|
191
|
-
}, [n.branches]), /* @__PURE__ */ d(
|
|
176
|
+
}, [n.branches]), /* @__PURE__ */ d(z.div, { ...t, ref: r });
|
|
192
177
|
});
|
|
193
|
-
|
|
194
|
-
function
|
|
195
|
-
const n =
|
|
178
|
+
ve.displayName = me;
|
|
179
|
+
function ge(t, e = globalThis == null ? void 0 : globalThis.document) {
|
|
180
|
+
const n = L(t), s = i.useRef(!1), r = i.useRef(() => {
|
|
196
181
|
});
|
|
197
|
-
return
|
|
198
|
-
const
|
|
199
|
-
if (c.target && !
|
|
182
|
+
return i.useEffect(() => {
|
|
183
|
+
const o = (c) => {
|
|
184
|
+
if (c.target && !s.current) {
|
|
200
185
|
let p = function() {
|
|
201
|
-
|
|
202
|
-
|
|
186
|
+
K(
|
|
187
|
+
ye,
|
|
203
188
|
n,
|
|
204
189
|
l,
|
|
205
190
|
{ discrete: !0 }
|
|
206
191
|
);
|
|
207
192
|
};
|
|
208
193
|
const l = { originalEvent: c };
|
|
209
|
-
c.pointerType === "touch" ? (e.removeEventListener("click",
|
|
194
|
+
c.pointerType === "touch" ? (e.removeEventListener("click", r.current), r.current = p, e.addEventListener("click", r.current, { once: !0 })) : p();
|
|
210
195
|
} else
|
|
211
|
-
e.removeEventListener("click",
|
|
212
|
-
|
|
196
|
+
e.removeEventListener("click", r.current);
|
|
197
|
+
s.current = !1;
|
|
213
198
|
}, a = window.setTimeout(() => {
|
|
214
|
-
e.addEventListener("pointerdown",
|
|
199
|
+
e.addEventListener("pointerdown", o);
|
|
215
200
|
}, 0);
|
|
216
201
|
return () => {
|
|
217
|
-
window.clearTimeout(a), e.removeEventListener("pointerdown",
|
|
202
|
+
window.clearTimeout(a), e.removeEventListener("pointerdown", o), e.removeEventListener("click", r.current);
|
|
218
203
|
};
|
|
219
204
|
}, [e, n]), {
|
|
220
205
|
// ensures we check React component tree (not just DOM tree)
|
|
221
|
-
onPointerDownCapture: () =>
|
|
206
|
+
onPointerDownCapture: () => s.current = !0
|
|
222
207
|
};
|
|
223
208
|
}
|
|
224
|
-
function
|
|
225
|
-
const n =
|
|
226
|
-
return
|
|
227
|
-
const
|
|
228
|
-
|
|
209
|
+
function Ee(t, e = globalThis == null ? void 0 : globalThis.document) {
|
|
210
|
+
const n = L(t), s = i.useRef(!1);
|
|
211
|
+
return i.useEffect(() => {
|
|
212
|
+
const r = (o) => {
|
|
213
|
+
o.target && !s.current && K(he, n, { originalEvent: o }, {
|
|
229
214
|
discrete: !1
|
|
230
215
|
});
|
|
231
216
|
};
|
|
232
|
-
return e.addEventListener("focusin",
|
|
217
|
+
return e.addEventListener("focusin", r), () => e.removeEventListener("focusin", r);
|
|
233
218
|
}, [e, n]), {
|
|
234
|
-
onFocusCapture: () =>
|
|
235
|
-
onBlurCapture: () =>
|
|
219
|
+
onFocusCapture: () => s.current = !0,
|
|
220
|
+
onBlurCapture: () => s.current = !1
|
|
236
221
|
};
|
|
237
222
|
}
|
|
238
223
|
function M() {
|
|
239
|
-
const t = new CustomEvent(
|
|
224
|
+
const t = new CustomEvent(N);
|
|
240
225
|
document.dispatchEvent(t);
|
|
241
226
|
}
|
|
242
|
-
function
|
|
243
|
-
const
|
|
244
|
-
e &&
|
|
245
|
-
}
|
|
246
|
-
function K(t) {
|
|
247
|
-
const e = o.useRef(t);
|
|
248
|
-
return o.useEffect(() => {
|
|
249
|
-
e.current = t;
|
|
250
|
-
}), o.useMemo(() => (...n) => {
|
|
251
|
-
var r;
|
|
252
|
-
return (r = e.current) == null ? void 0 : r.call(e, ...n);
|
|
253
|
-
}, []);
|
|
227
|
+
function K(t, e, n, { discrete: s }) {
|
|
228
|
+
const r = n.originalEvent.target, o = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
|
|
229
|
+
e && r.addEventListener(t, e, { once: !0 }), s ? de(r, o) : r.dispatchEvent(o);
|
|
254
230
|
}
|
|
255
|
-
function
|
|
231
|
+
function be({
|
|
256
232
|
prop: t,
|
|
257
233
|
defaultProp: e,
|
|
258
234
|
onChange: n = () => {
|
|
259
235
|
}
|
|
260
236
|
}) {
|
|
261
|
-
const [
|
|
237
|
+
const [s, r] = Ce({ defaultProp: e, onChange: n }), o = t !== void 0, a = o ? t : s, c = L(n), p = i.useCallback(
|
|
262
238
|
(l) => {
|
|
263
|
-
if (
|
|
239
|
+
if (o) {
|
|
264
240
|
const y = typeof l == "function" ? l(t) : l;
|
|
265
241
|
y !== t && c(y);
|
|
266
242
|
} else
|
|
267
|
-
|
|
243
|
+
r(l);
|
|
268
244
|
},
|
|
269
|
-
[
|
|
245
|
+
[o, t, r, c]
|
|
270
246
|
);
|
|
271
247
|
return [a, p];
|
|
272
248
|
}
|
|
273
|
-
function
|
|
249
|
+
function Ce({
|
|
274
250
|
defaultProp: t,
|
|
275
251
|
onChange: e
|
|
276
252
|
}) {
|
|
277
|
-
const n =
|
|
278
|
-
return
|
|
279
|
-
|
|
280
|
-
}, [
|
|
253
|
+
const n = i.useState(t), [s] = n, r = i.useRef(s), o = L(e);
|
|
254
|
+
return i.useEffect(() => {
|
|
255
|
+
r.current !== s && (o(s), r.current = s);
|
|
256
|
+
}, [s, r, o]), n;
|
|
281
257
|
}
|
|
282
|
-
const X =
|
|
258
|
+
const X = E.createContext({
|
|
283
259
|
layers: [],
|
|
284
260
|
setLayers: () => {
|
|
285
261
|
},
|
|
@@ -289,57 +265,57 @@ const X = g.createContext({
|
|
|
289
265
|
},
|
|
290
266
|
removeTopLayer: () => {
|
|
291
267
|
}
|
|
292
|
-
}),
|
|
293
|
-
const [e, n] =
|
|
268
|
+
}), je = ({ children: t }) => {
|
|
269
|
+
const [e, n] = E.useState([]), s = (a) => {
|
|
294
270
|
n((c) => [...c, a]);
|
|
295
|
-
},
|
|
271
|
+
}, r = (a) => {
|
|
296
272
|
n(e.filter((c) => c !== a));
|
|
297
|
-
},
|
|
273
|
+
}, o = () => {
|
|
298
274
|
const a = e[e.length - 1];
|
|
299
|
-
a &&
|
|
275
|
+
a && r(a);
|
|
300
276
|
};
|
|
301
277
|
return /* @__PURE__ */ d(
|
|
302
278
|
X.Provider,
|
|
303
279
|
{
|
|
304
|
-
value: { layers: e, setLayers: n, addLayer:
|
|
280
|
+
value: { layers: e, setLayers: n, addLayer: s, removeLayer: r, removeTopLayer: o },
|
|
305
281
|
children: t
|
|
306
282
|
}
|
|
307
283
|
);
|
|
308
|
-
}, Y = () =>
|
|
284
|
+
}, Y = () => E.useContext(X), Le = ({
|
|
309
285
|
defaultOpen: t,
|
|
310
286
|
open: e,
|
|
311
287
|
onOpenChange: n,
|
|
312
|
-
...
|
|
288
|
+
...s
|
|
313
289
|
}) => {
|
|
314
|
-
const [
|
|
290
|
+
const [r, o] = be({
|
|
315
291
|
prop: e,
|
|
316
292
|
onChange: n,
|
|
317
293
|
defaultProp: t
|
|
318
|
-
}), a = Y(), c =
|
|
319
|
-
if (
|
|
320
|
-
!
|
|
321
|
-
}, [c, a,
|
|
322
|
-
return /* @__PURE__ */ d(
|
|
323
|
-
},
|
|
294
|
+
}), a = Y(), c = s.a11yTitle;
|
|
295
|
+
if (E.useEffect(() => {
|
|
296
|
+
!r && a.layers.includes(c) && a.removeLayer(c);
|
|
297
|
+
}, [c, a, r]), !!r)
|
|
298
|
+
return /* @__PURE__ */ d(Pe, { open: r, onOpenChange: o, ...s });
|
|
299
|
+
}, Pe = ({
|
|
324
300
|
open: t,
|
|
325
301
|
onOpenChange: e,
|
|
326
302
|
a11yTitle: n,
|
|
327
|
-
a11yDescription:
|
|
328
|
-
children:
|
|
303
|
+
a11yDescription: s,
|
|
304
|
+
children: r,
|
|
329
305
|
// Focus scope props
|
|
330
|
-
trapped:
|
|
306
|
+
trapped: o,
|
|
331
307
|
onMountAutoFocus: a,
|
|
332
308
|
onUnmountAutoFocus: c,
|
|
333
309
|
...p
|
|
334
310
|
}) => {
|
|
335
|
-
var C,
|
|
311
|
+
var C, P;
|
|
336
312
|
const l = n, u = Y();
|
|
337
|
-
|
|
313
|
+
E.useEffect(() => {
|
|
338
314
|
!u || !t || u.layers.includes(l) || u.addLayer(l);
|
|
339
315
|
}, [l, u, t]);
|
|
340
|
-
const y = ((C = u.layers) == null ? void 0 : C.indexOf(l)) || 0, h = ((
|
|
316
|
+
const y = ((C = u.layers) == null ? void 0 : C.indexOf(l)) || 0, h = ((P = u.layers) == null ? void 0 : P.length) || 0, D = y !== 0, b = l === u.layers[u.layers.length - 1];
|
|
341
317
|
return /* @__PURE__ */ d(
|
|
342
|
-
|
|
318
|
+
$,
|
|
343
319
|
{
|
|
344
320
|
onEscapeKeyDown: (m) => {
|
|
345
321
|
b && (m.preventDefault(), u.removeTopLayer(), e(!1));
|
|
@@ -347,39 +323,39 @@ const X = g.createContext({
|
|
|
347
323
|
onPointerDownOutside: (m) => {
|
|
348
324
|
b && (m.preventDefault(), u.removeTopLayer(), e(!1));
|
|
349
325
|
},
|
|
350
|
-
children: /* @__PURE__ */
|
|
326
|
+
children: /* @__PURE__ */ T(
|
|
351
327
|
v.Root,
|
|
352
328
|
{
|
|
353
329
|
open: t,
|
|
354
330
|
onOpenChange: (m) => {
|
|
355
|
-
var
|
|
356
|
-
if (((
|
|
331
|
+
var w;
|
|
332
|
+
if (((w = u == null ? void 0 : u.layers) == null ? void 0 : w.length) > 0)
|
|
357
333
|
return m === !1 && l === u.layers[u.layers.length - 1] ? (u.removeLayer(l), e(!1)) : void 0;
|
|
358
334
|
e(m);
|
|
359
335
|
},
|
|
360
336
|
children: [
|
|
361
|
-
/* @__PURE__ */
|
|
337
|
+
/* @__PURE__ */ T(Q.Root, { children: [
|
|
362
338
|
/* @__PURE__ */ d(v.Title, { children: n }),
|
|
363
|
-
|
|
339
|
+
s && /* @__PURE__ */ d(v.Description, { children: s })
|
|
364
340
|
] }),
|
|
365
341
|
/* @__PURE__ */ d(se, { children: t && // We add the className "tgph" here so that styles within
|
|
366
342
|
// the portal get scoped properly to telegraph
|
|
367
|
-
/* @__PURE__ */ d(J.Root, { className: "tgph", children: /* @__PURE__ */ d(
|
|
343
|
+
/* @__PURE__ */ d(J.Root, { className: "tgph", children: /* @__PURE__ */ d(we, { layer: y, children: /* @__PURE__ */ d(
|
|
368
344
|
G,
|
|
369
345
|
{
|
|
370
|
-
trapped: typeof
|
|
346
|
+
trapped: typeof o == "boolean" ? o : b,
|
|
371
347
|
onMountAutoFocus: a,
|
|
372
348
|
onUnmountAutoFocus: c,
|
|
373
349
|
asChild: !0,
|
|
374
350
|
children: /* @__PURE__ */ d(te, { children: /* @__PURE__ */ d(
|
|
375
|
-
|
|
351
|
+
g,
|
|
376
352
|
{
|
|
377
|
-
as:
|
|
353
|
+
as: B.div,
|
|
378
354
|
initial: {
|
|
379
355
|
top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${h - 1})`
|
|
380
356
|
},
|
|
381
357
|
animate: {
|
|
382
|
-
top:
|
|
358
|
+
top: D ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${y} )` : "var(--tgph-spacing-16)"
|
|
383
359
|
},
|
|
384
360
|
exit: { top: 0 },
|
|
385
361
|
transition: { type: "spring", duration: 0.3, bounce: 0 },
|
|
@@ -393,10 +369,10 @@ const X = g.createContext({
|
|
|
393
369
|
zIndex: `calc(var(--tgph-zIndex-modal) + ${y})`
|
|
394
370
|
},
|
|
395
371
|
children: /* @__PURE__ */ d(
|
|
396
|
-
|
|
372
|
+
g,
|
|
397
373
|
{
|
|
398
374
|
direction: "column",
|
|
399
|
-
as:
|
|
375
|
+
as: B.div,
|
|
400
376
|
animate: {
|
|
401
377
|
scale: 1.02 - Math.abs(h - y) * 0.02,
|
|
402
378
|
transformOrigin: "center center"
|
|
@@ -413,7 +389,7 @@ const X = g.createContext({
|
|
|
413
389
|
rounded: "4",
|
|
414
390
|
shadow: "3",
|
|
415
391
|
...p,
|
|
416
|
-
children:
|
|
392
|
+
children: r
|
|
417
393
|
},
|
|
418
394
|
`content-${l}`
|
|
419
395
|
)
|
|
@@ -428,11 +404,11 @@ const X = g.createContext({
|
|
|
428
404
|
)
|
|
429
405
|
}
|
|
430
406
|
);
|
|
431
|
-
},
|
|
407
|
+
}, we = ({ layer: t, children: e }) => t > 0 ? e : /* @__PURE__ */ T(v.Overlay, { children: [
|
|
432
408
|
/* @__PURE__ */ d(
|
|
433
409
|
re,
|
|
434
410
|
{
|
|
435
|
-
as:
|
|
411
|
+
as: B.div,
|
|
436
412
|
initial: { opacity: 0 },
|
|
437
413
|
animate: { opacity: 1 },
|
|
438
414
|
exit: { opacity: 0 },
|
|
@@ -449,9 +425,9 @@ const X = g.createContext({
|
|
|
449
425
|
}
|
|
450
426
|
),
|
|
451
427
|
e
|
|
452
|
-
] }),
|
|
453
|
-
({ children: t, ...e }, n) => /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...e, children: /* @__PURE__ */ d(
|
|
454
|
-
),
|
|
428
|
+
] }), Re = E.forwardRef(
|
|
429
|
+
({ children: t, ...e }, n) => /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...e, children: /* @__PURE__ */ d(g, { direction: "column", h: "full", ...e, children: t }) })
|
|
430
|
+
), De = ({
|
|
455
431
|
size: t = "1",
|
|
456
432
|
variant: e = "ghost",
|
|
457
433
|
...n
|
|
@@ -463,12 +439,12 @@ const X = g.createContext({
|
|
|
463
439
|
size: t,
|
|
464
440
|
...n
|
|
465
441
|
}
|
|
466
|
-
) }),
|
|
442
|
+
) }), Oe = ({
|
|
467
443
|
style: t,
|
|
468
444
|
children: e,
|
|
469
445
|
...n
|
|
470
446
|
}) => /* @__PURE__ */ d(
|
|
471
|
-
|
|
447
|
+
g,
|
|
472
448
|
{
|
|
473
449
|
direction: "column",
|
|
474
450
|
px: "6",
|
|
@@ -480,11 +456,11 @@ const X = g.createContext({
|
|
|
480
456
|
...n,
|
|
481
457
|
children: e
|
|
482
458
|
}
|
|
483
|
-
),
|
|
459
|
+
), xe = ({
|
|
484
460
|
children: t,
|
|
485
461
|
...e
|
|
486
462
|
}) => /* @__PURE__ */ d(
|
|
487
|
-
|
|
463
|
+
g,
|
|
488
464
|
{
|
|
489
465
|
direction: "row",
|
|
490
466
|
justify: "space-between",
|
|
@@ -495,11 +471,11 @@ const X = g.createContext({
|
|
|
495
471
|
...e,
|
|
496
472
|
children: t
|
|
497
473
|
}
|
|
498
|
-
),
|
|
474
|
+
), Se = ({
|
|
499
475
|
children: t,
|
|
500
476
|
...e
|
|
501
477
|
}) => /* @__PURE__ */ d(
|
|
502
|
-
|
|
478
|
+
g,
|
|
503
479
|
{
|
|
504
480
|
direction: "row",
|
|
505
481
|
align: "center",
|
|
@@ -511,17 +487,17 @@ const X = g.createContext({
|
|
|
511
487
|
...e,
|
|
512
488
|
children: t
|
|
513
489
|
}
|
|
514
|
-
),
|
|
515
|
-
Object.assign(
|
|
516
|
-
Root:
|
|
517
|
-
Content:
|
|
518
|
-
Close:
|
|
519
|
-
Body:
|
|
520
|
-
Header:
|
|
521
|
-
Footer:
|
|
490
|
+
), Te = {};
|
|
491
|
+
Object.assign(Te, {
|
|
492
|
+
Root: Le,
|
|
493
|
+
Content: Re,
|
|
494
|
+
Close: De,
|
|
495
|
+
Body: Oe,
|
|
496
|
+
Header: xe,
|
|
497
|
+
Footer: Se
|
|
522
498
|
});
|
|
523
499
|
export {
|
|
524
|
-
|
|
525
|
-
|
|
500
|
+
Te as Modal,
|
|
501
|
+
je as ModalStackingProvider
|
|
526
502
|
};
|
|
527
503
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nexport {\n composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/slot/src/Slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nvar Slot = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n const childrenArray = React.Children.toArray(children);\n const slottable = childrenArray.find(isSlottable);\n if (slottable) {\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child) => {\n if (child === slottable) {\n if (React.Children.count(newElement) > 1) return React.Children.only(null);\n return React.isValidElement(newElement) ? newElement.props.children : null;\n } else {\n return child;\n }\n });\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n }\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n});\nSlot.displayName = \"Slot\";\nvar SlotClone = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n if (React.isValidElement(children)) {\n const childrenRef = getElementRef(children);\n return React.cloneElement(children, {\n ...mergeProps(slotProps, children.props),\n // @ts-ignore\n ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef\n });\n }\n return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = \"SlotClone\";\nvar Slottable = ({ children }) => {\n return /* @__PURE__ */ jsx(Fragment, { children });\n};\nfunction isSlottable(child) {\n return React.isValidElement(child) && child.type === Slottable;\n}\nfunction mergeProps(slotProps, childProps) {\n const overrideProps = { ...childProps };\n for (const propName in childProps) {\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n if (slotPropValue && childPropValue) {\n overrideProps[propName] = (...args) => {\n childPropValue(...args);\n slotPropValue(...args);\n };\n } else if (slotPropValue) {\n overrideProps[propName] = slotPropValue;\n }\n } else if (propName === \"style\") {\n overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n } else if (propName === \"className\") {\n overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n }\n }\n return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nvar Root = Slot;\nexport {\n Root,\n Slot,\n Slottable\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/primitive/src/Primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n React.useEffect(() => {\n const handleKeyDown = (event) => {\n if (event.key === \"Escape\") {\n onEscapeKeyDown(event);\n }\n };\n ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// packages/react/dismissable-layer/src/DismissableLayer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n layers: /* @__PURE__ */ new Set(),\n layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n (props, forwardedRef) => {\n const {\n disableOutsidePointerEvents = false,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n onDismiss,\n ...layerProps\n } = props;\n const context = React.useContext(DismissableLayerContext);\n const [node, setNode] = React.useState(null);\n const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n const [, force] = React.useState({});\n const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n const layers = Array.from(context.layers);\n const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n const index = node ? layers.indexOf(node) : -1;\n const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n const pointerDownOutside = usePointerDownOutside((event) => {\n const target = event.target;\n const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n onPointerDownOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n const focusOutside = useFocusOutside((event) => {\n const target = event.target;\n const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n if (isFocusInBranch) return;\n onFocusOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n useEscapeKeydown((event) => {\n const isHighestLayer = index === context.layers.size - 1;\n if (!isHighestLayer) return;\n onEscapeKeyDown?.(event);\n if (!event.defaultPrevented && onDismiss) {\n event.preventDefault();\n onDismiss();\n }\n }, ownerDocument);\n React.useEffect(() => {\n if (!node) return;\n if (disableOutsidePointerEvents) {\n if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n ownerDocument.body.style.pointerEvents = \"none\";\n }\n context.layersWithOutsidePointerEventsDisabled.add(node);\n }\n context.layers.add(node);\n dispatchUpdate();\n return () => {\n if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n }\n };\n }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n React.useEffect(() => {\n return () => {\n if (!node) return;\n context.layers.delete(node);\n context.layersWithOutsidePointerEventsDisabled.delete(node);\n dispatchUpdate();\n };\n }, [node, context]);\n React.useEffect(() => {\n const handleUpdate = () => force({});\n document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n }, []);\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...layerProps,\n ref: composedRefs,\n style: {\n pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n ...props.style\n },\n onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n onPointerDownCapture: composeEventHandlers(\n props.onPointerDownCapture,\n pointerDownOutside.onPointerDownCapture\n )\n }\n );\n }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n const context = React.useContext(DismissableLayerContext);\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n context.branches.add(node);\n return () => {\n context.branches.delete(node);\n };\n }\n }, [context.branches]);\n return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n const isPointerInsideReactTreeRef = React.useRef(false);\n const handleClickRef = React.useRef(() => {\n });\n React.useEffect(() => {\n const handlePointerDown = (event) => {\n if (event.target && !isPointerInsideReactTreeRef.current) {\n let handleAndDispatchPointerDownOutsideEvent2 = function() {\n handleAndDispatchCustomEvent(\n POINTER_DOWN_OUTSIDE,\n handlePointerDownOutside,\n eventDetail,\n { discrete: true }\n );\n };\n var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n const eventDetail = { originalEvent: event };\n if (event.pointerType === \"touch\") {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n } else {\n handleAndDispatchPointerDownOutsideEvent2();\n }\n } else {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n }\n isPointerInsideReactTreeRef.current = false;\n };\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n }, 0);\n return () => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n };\n }, [ownerDocument, handlePointerDownOutside]);\n return {\n // ensures we check React component tree (not just DOM tree)\n onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n const handleFocusOutside = useCallbackRef(onFocusOutside);\n const isFocusInsideReactTreeRef = React.useRef(false);\n React.useEffect(() => {\n const handleFocus = (event) => {\n if (event.target && !isFocusInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n discrete: false\n });\n }\n };\n ownerDocument.addEventListener(\"focusin\", handleFocus);\n return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n }, [ownerDocument, handleFocusOutside]);\n return {\n onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n };\n}\nfunction dispatchUpdate() {\n const event = new CustomEvent(CONTEXT_UPDATE);\n document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n const target = detail.originalEvent.target;\n const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n if (handler) target.addEventListener(name, handler, { once: true });\n if (discrete) {\n dispatchDiscreteCustomEvent(target, event);\n } else {\n target.dispatchEvent(event);\n }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n Branch,\n DismissableLayer,\n DismissableLayerBranch,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = () => {\n }\n}) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n const handleChange = useCallbackRef(onChange);\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const setter = nextValue;\n const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n if (value2 !== prop) handleChange(value2);\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange]\n );\n return [value, setValue];\n}\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const uncontrolledState = React.useState(defaultProp);\n const [value] = uncontrolledState;\n const prevValueRef = React.useRef(value);\n const handleChange = useCallbackRef(onChange);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef, handleChange]);\n return uncontrolledState;\n}\nexport {\n useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n","import React from \"react\";\n\nconst ModalStackingContext = React.createContext<{\n layers: Array<string>;\n setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n addLayer: (id: string) => void;\n removeLayer: (id: string) => void;\n removeTopLayer: () => void;\n}>({\n layers: [],\n setLayers: () => {},\n addLayer: () => {},\n removeLayer: () => {},\n removeTopLayer: () => {},\n});\n\ntype ModalStackingProviderProps = {\n children: React.ReactNode;\n};\n\nconst ModalStackingProvider = ({ children }: ModalStackingProviderProps) => {\n const [layers, setLayers] = React.useState<Array<string>>([]);\n\n const addLayer = (id: string) => {\n setLayers((current) => [...current, id]);\n };\n\n const removeLayer = (id: string) => {\n setLayers(layers.filter((layer) => layer !== id));\n };\n\n const removeTopLayer = () => {\n const id = layers[layers.length - 1];\n if (!id) return;\n removeLayer(id);\n };\n\n return (\n <ModalStackingContext.Provider\n value={{ layers, setLayers, addLayer, removeLayer, removeTopLayer }}\n >\n {children}\n </ModalStackingContext.Provider>\n );\n};\n\nconst useModalStacking = () => {\n return React.useContext(ModalStackingContext);\n};\n\nexport { ModalStackingProvider, useModalStacking };\n","import * as Dialog from \"@radix-ui/react-dialog\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport * as Portal from \"@radix-ui/react-portal\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport { RefToTgphRef } from \"@telegraph/helpers\";\nimport type {\n PolymorphicProps,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n \"modal\"\n> &\n React.ComponentPropsWithoutRef<typeof FocusScope> &\n TgphComponentProps<typeof Stack> & {\n a11yTitle: string;\n a11yDescription?: string;\n layer?: number;\n };\n\nconst Root = ({\n defaultOpen: defaultOpenProp,\n open: openProp,\n onOpenChange: onOpenChangeProp,\n ...props\n}: RootProps) => {\n const [open, onOpenChange] = useControllableState({\n prop: openProp,\n onChange: onOpenChangeProp,\n defaultProp: defaultOpenProp,\n });\n\n const stacking = useModalStacking();\n const id = props.a11yTitle;\n\n React.useEffect(() => {\n if (!open && stacking.layers.includes(id)) {\n stacking.removeLayer(id);\n }\n }, [id, stacking, open]);\n\n // Prevent rendering anything within the modal if it is not open\n if (!open) return;\n\n return <RootComponent open={open} onOpenChange={onOpenChange} {...props} />;\n};\n\ntype RootComponentProps = RootProps & {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n};\n\nconst RootComponent = ({\n open,\n onOpenChange,\n a11yTitle,\n a11yDescription,\n children,\n // Focus scope props\n trapped,\n onMountAutoFocus,\n onUnmountAutoFocus,\n ...props\n}: RootComponentProps) => {\n // We use the a11yTitle as the id for the modal as it is unique\n // and can be used to identify the modal in the stacking context.\n // Without the need to generate a random id and manage between\n // different modal rendering patterns.\n const id = a11yTitle;\n const stacking = useModalStacking();\n React.useEffect(() => {\n if (!stacking || !open || stacking.layers.includes(id)) return;\n stacking.addLayer(id);\n }, [id, stacking, open]);\n\n const layer = stacking.layers?.indexOf(id) || 0;\n const layersLength = stacking.layers?.length || 0;\n const isStacked = layer !== 0;\n const isTopLayer = id === stacking.layers[stacking.layers.length - 1];\n\n return (\n <DismissableLayer\n onEscapeKeyDown={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n onPointerDownOutside={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n >\n <Dialog.Root\n open={open}\n onOpenChange={(value) => {\n const hasLayers = stacking?.layers?.length > 0;\n\n if (hasLayers) {\n if (\n value === false &&\n id === stacking.layers[stacking.layers.length - 1]\n ) {\n stacking.removeLayer(id);\n return onOpenChange(false);\n }\n // If the modal is not the top layer, do not call onOpenChange\n // when we are stacking the modals\n return;\n }\n\n onOpenChange(value);\n }}\n key={id}\n >\n <VisuallyHidden.Root>\n <Dialog.Title>{a11yTitle}</Dialog.Title>\n {a11yDescription && (\n <Dialog.Description>{a11yDescription}</Dialog.Description>\n )}\n </VisuallyHidden.Root>\n <AnimatePresence>\n {open && (\n // We add the className \"tgph\" here so that styles within\n // the portal get scoped properly to telegraph\n <Portal.Root className=\"tgph\">\n <Overlay layer={layer}>\n <FocusScope\n trapped={typeof trapped === \"boolean\" ? trapped : isTopLayer}\n onMountAutoFocus={onMountAutoFocus}\n onUnmountAutoFocus={onUnmountAutoFocus}\n asChild\n >\n <RefToTgphRef>\n <Stack\n as={motion.div}\n initial={{\n top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layersLength - 1})`,\n }}\n animate={{\n top: isStacked\n ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layer} )`\n : \"var(--tgph-spacing-16)\",\n }}\n exit={{ top: 0 }}\n transition={{ type: \"spring\", duration: 0.3, bounce: 0 }}\n w=\"full\"\n justify=\"center\"\n style={{\n position: \"fixed\",\n left: 0,\n maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n zIndex: `calc(var(--tgph-zIndex-modal) + ${layer})`,\n }}\n key={`container-${id}`}\n >\n <Stack\n direction=\"column\"\n as={motion.div}\n animate={{\n scale: 1.02 - Math.abs(layersLength - layer) * 0.02,\n transformOrigin: \"center center\",\n }}\n transition={{\n duration: 0.2,\n bounce: 0,\n type: \"spring\",\n }}\n maxW={props.maxW ?? \"160\"}\n w={props.w ?? \"full\"}\n bg=\"surface-1\"\n border=\"px\"\n rounded=\"4\"\n shadow=\"3\"\n key={`content-${id}`}\n {...props}\n >\n {children}\n </Stack>\n </Stack>\n </RefToTgphRef>\n </FocusScope>\n </Overlay>\n </Portal.Root>\n )}\n </AnimatePresence>\n </Dialog.Root>\n </DismissableLayer>\n );\n};\n\ntype OverlayProps = TgphComponentProps<typeof Box> & {\n layer: number;\n};\n\nconst Overlay = ({ layer, children }: OverlayProps) => {\n // If the layer is greater than 0, we don't want to show this\n // overlay as to not stack the overlays on top of each other.\n if (layer > 0) return children;\n return (\n <Dialog.Overlay>\n <Box\n as={motion.div}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3, bounce: 0, type: \"spring\" }}\n bg=\"alpha-black-6\"\n w=\"full\"\n h=\"full\"\n zIndex=\"overlay\"\n style={{\n position: \"fixed\",\n cursor: \"pointer\",\n inset: \"0px\",\n }}\n />\n {children}\n </Dialog.Overlay>\n );\n};\n\ntype ContentProps = React.ComponentPropsWithoutRef<typeof Dialog.Content> &\n TgphComponentProps<typeof Stack>;\ntype ContentRef = React.ElementRef<typeof Dialog.Content>;\n\nconst Content = React.forwardRef<ContentRef, ContentProps>(\n ({ children, ...props }, forwardedRef) => {\n return (\n <Dialog.Content ref={forwardedRef} asChild {...props}>\n <Stack direction=\"column\" h=\"full\" {...props}>\n {children}\n </Stack>\n </Dialog.Content>\n );\n },\n);\n\ntype CloseProps<T extends TgphElement> = TgphComponentProps<typeof Button<T>> &\n Omit<React.ComponentPropsWithoutRef<typeof Dialog.Close>, \"color\">;\nconst Close = <T extends TgphElement>({\n size = \"1\",\n variant = \"ghost\",\n ...props\n}: CloseProps<T>) => {\n return (\n <Dialog.Close asChild>\n <Button\n icon={{ icon: Lucide.X, alt: \"Close Modal\" }}\n variant={variant}\n size={size}\n {...props}\n />\n </Dialog.Close>\n );\n};\n\ntype BodyProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Body = <T extends TgphElement>({\n style,\n children,\n ...props\n}: BodyProps<T>) => {\n return (\n <Stack\n direction=\"column\"\n px=\"6\"\n py=\"4\"\n style={{\n overflowY: \"auto\",\n ...style,\n }}\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype HeaderProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Header = <T extends TgphElement>({\n children,\n ...props\n}: HeaderProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n justify=\"space-between\"\n align=\"center\"\n px=\"6\"\n py=\"4\"\n borderBottom=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype FooterProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Footer = <T extends TgphElement>({\n children,\n ...props\n}: FooterProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n align=\"center\"\n justify=\"flex-end\"\n gap=\"2\"\n px=\"6\"\n py=\"4\"\n borderTop=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\nconst Modal = {} as {\n Root: typeof Root;\n Content: typeof Content;\n Close: typeof Close;\n Body: typeof Body;\n Header: typeof Header;\n Footer: typeof Footer;\n};\n\nObject.assign(Modal, {\n Root,\n Content,\n Close,\n Body,\n Header,\n Footer,\n});\n\nexport { Modal };\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","value","composeRefs","refs","node","Slot","React","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","element","getter","_a","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useComposedRefs","useCallbackRef","callback","callbackRef","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","onEscapeKeyDown","handleKeyDown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","DismissableLayer","disableOutsidePointerEvents","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","setNode","force","composedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","dispatchUpdate","handleUpdate","BRANCH_NAME","DismissableLayerBranch","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","id","current","removeLayer","layer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","stacking","RootComponent","a11yTitle","a11yDescription","trapped","onMountAutoFocus","onUnmountAutoFocus","layersLength","isStacked","isTopLayer","jsxs","Dialog","VisuallyHidden","AnimatePresence","Portal","Overlay","FocusScope","RefToTgphRef","Stack","motion","Box","Content","Close","size","variant","Button","Lucide","Body","style","Header","Footer","Modal"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10]}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../node_modules/@radix-ui/primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs","../../../../node_modules/@radix-ui/react-slot/dist/index.mjs","../../../../node_modules/@radix-ui/react-primitive/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nexport {\n composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/compose-refs/src/composeRefs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => refs.forEach((ref) => setRef(ref, node));\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/slot/src/Slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nvar Slot = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n const childrenArray = React.Children.toArray(children);\n const slottable = childrenArray.find(isSlottable);\n if (slottable) {\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child) => {\n if (child === slottable) {\n if (React.Children.count(newElement) > 1) return React.Children.only(null);\n return React.isValidElement(newElement) ? newElement.props.children : null;\n } else {\n return child;\n }\n });\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n }\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n});\nSlot.displayName = \"Slot\";\nvar SlotClone = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n if (React.isValidElement(children)) {\n const childrenRef = getElementRef(children);\n return React.cloneElement(children, {\n ...mergeProps(slotProps, children.props),\n // @ts-ignore\n ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef\n });\n }\n return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n});\nSlotClone.displayName = \"SlotClone\";\nvar Slottable = ({ children }) => {\n return /* @__PURE__ */ jsx(Fragment, { children });\n};\nfunction isSlottable(child) {\n return React.isValidElement(child) && child.type === Slottable;\n}\nfunction mergeProps(slotProps, childProps) {\n const overrideProps = { ...childProps };\n for (const propName in childProps) {\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n if (slotPropValue && childPropValue) {\n overrideProps[propName] = (...args) => {\n childPropValue(...args);\n slotPropValue(...args);\n };\n } else if (slotPropValue) {\n overrideProps[propName] = slotPropValue;\n }\n } else if (propName === \"style\") {\n overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n } else if (propName === \"className\") {\n overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n }\n }\n return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nvar Root = Slot;\nexport {\n Root,\n Slot,\n Slottable\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/primitive/src/Primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-callback-ref/src/useCallbackRef.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n const callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {\n const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);\n React.useEffect(() => {\n const handleKeyDown = (event) => {\n if (event.key === \"Escape\") {\n onEscapeKeyDown(event);\n }\n };\n ownerDocument.addEventListener(\"keydown\", handleKeyDown, { capture: true });\n return () => ownerDocument.removeEventListener(\"keydown\", handleKeyDown, { capture: true });\n }, [onEscapeKeyDown, ownerDocument]);\n}\nexport {\n useEscapeKeydown\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// packages/react/dismissable-layer/src/DismissableLayer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n layers: /* @__PURE__ */ new Set(),\n layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n (props, forwardedRef) => {\n const {\n disableOutsidePointerEvents = false,\n onEscapeKeyDown,\n onPointerDownOutside,\n onFocusOutside,\n onInteractOutside,\n onDismiss,\n ...layerProps\n } = props;\n const context = React.useContext(DismissableLayerContext);\n const [node, setNode] = React.useState(null);\n const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n const [, force] = React.useState({});\n const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n const layers = Array.from(context.layers);\n const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n const index = node ? layers.indexOf(node) : -1;\n const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n const pointerDownOutside = usePointerDownOutside((event) => {\n const target = event.target;\n const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n onPointerDownOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n const focusOutside = useFocusOutside((event) => {\n const target = event.target;\n const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n if (isFocusInBranch) return;\n onFocusOutside?.(event);\n onInteractOutside?.(event);\n if (!event.defaultPrevented) onDismiss?.();\n }, ownerDocument);\n useEscapeKeydown((event) => {\n const isHighestLayer = index === context.layers.size - 1;\n if (!isHighestLayer) return;\n onEscapeKeyDown?.(event);\n if (!event.defaultPrevented && onDismiss) {\n event.preventDefault();\n onDismiss();\n }\n }, ownerDocument);\n React.useEffect(() => {\n if (!node) return;\n if (disableOutsidePointerEvents) {\n if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n ownerDocument.body.style.pointerEvents = \"none\";\n }\n context.layersWithOutsidePointerEventsDisabled.add(node);\n }\n context.layers.add(node);\n dispatchUpdate();\n return () => {\n if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n }\n };\n }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n React.useEffect(() => {\n return () => {\n if (!node) return;\n context.layers.delete(node);\n context.layersWithOutsidePointerEventsDisabled.delete(node);\n dispatchUpdate();\n };\n }, [node, context]);\n React.useEffect(() => {\n const handleUpdate = () => force({});\n document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n }, []);\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...layerProps,\n ref: composedRefs,\n style: {\n pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n ...props.style\n },\n onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n onPointerDownCapture: composeEventHandlers(\n props.onPointerDownCapture,\n pointerDownOutside.onPointerDownCapture\n )\n }\n );\n }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n const context = React.useContext(DismissableLayerContext);\n const ref = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, ref);\n React.useEffect(() => {\n const node = ref.current;\n if (node) {\n context.branches.add(node);\n return () => {\n context.branches.delete(node);\n };\n }\n }, [context.branches]);\n return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n const isPointerInsideReactTreeRef = React.useRef(false);\n const handleClickRef = React.useRef(() => {\n });\n React.useEffect(() => {\n const handlePointerDown = (event) => {\n if (event.target && !isPointerInsideReactTreeRef.current) {\n let handleAndDispatchPointerDownOutsideEvent2 = function() {\n handleAndDispatchCustomEvent(\n POINTER_DOWN_OUTSIDE,\n handlePointerDownOutside,\n eventDetail,\n { discrete: true }\n );\n };\n var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n const eventDetail = { originalEvent: event };\n if (event.pointerType === \"touch\") {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n } else {\n handleAndDispatchPointerDownOutsideEvent2();\n }\n } else {\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n }\n isPointerInsideReactTreeRef.current = false;\n };\n const timerId = window.setTimeout(() => {\n ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n }, 0);\n return () => {\n window.clearTimeout(timerId);\n ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n };\n }, [ownerDocument, handlePointerDownOutside]);\n return {\n // ensures we check React component tree (not just DOM tree)\n onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n const handleFocusOutside = useCallbackRef(onFocusOutside);\n const isFocusInsideReactTreeRef = React.useRef(false);\n React.useEffect(() => {\n const handleFocus = (event) => {\n if (event.target && !isFocusInsideReactTreeRef.current) {\n const eventDetail = { originalEvent: event };\n handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n discrete: false\n });\n }\n };\n ownerDocument.addEventListener(\"focusin\", handleFocus);\n return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n }, [ownerDocument, handleFocusOutside]);\n return {\n onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n };\n}\nfunction dispatchUpdate() {\n const event = new CustomEvent(CONTEXT_UPDATE);\n document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n const target = detail.originalEvent.target;\n const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n if (handler) target.addEventListener(name, handler, { once: true });\n if (discrete) {\n dispatchDiscreteCustomEvent(target, event);\n } else {\n target.dispatchEvent(event);\n }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n Branch,\n DismissableLayer,\n DismissableLayerBranch,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","// packages/react/use-controllable-state/src/useControllableState.tsx\nimport * as React from \"react\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = () => {\n }\n}) {\n const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n const handleChange = useCallbackRef(onChange);\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const setter = nextValue;\n const value2 = typeof nextValue === \"function\" ? setter(prop) : nextValue;\n if (value2 !== prop) handleChange(value2);\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, handleChange]\n );\n return [value, setValue];\n}\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const uncontrolledState = React.useState(defaultProp);\n const [value] = uncontrolledState;\n const prevValueRef = React.useRef(value);\n const handleChange = useCallbackRef(onChange);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n handleChange(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef, handleChange]);\n return uncontrolledState;\n}\nexport {\n useControllableState\n};\n//# sourceMappingURL=index.mjs.map\n","import React from \"react\";\n\nconst ModalStackingContext = React.createContext<{\n layers: Array<string>;\n setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n addLayer: (id: string) => void;\n removeLayer: (id: string) => void;\n removeTopLayer: () => void;\n}>({\n layers: [],\n setLayers: () => {},\n addLayer: () => {},\n removeLayer: () => {},\n removeTopLayer: () => {},\n});\n\ntype ModalStackingProviderProps = {\n children: React.ReactNode;\n};\n\nconst ModalStackingProvider = ({ children }: ModalStackingProviderProps) => {\n const [layers, setLayers] = React.useState<Array<string>>([]);\n\n const addLayer = (id: string) => {\n setLayers((current) => [...current, id]);\n };\n\n const removeLayer = (id: string) => {\n setLayers(layers.filter((layer) => layer !== id));\n };\n\n const removeTopLayer = () => {\n const id = layers[layers.length - 1];\n if (!id) return;\n removeLayer(id);\n };\n\n return (\n <ModalStackingContext.Provider\n value={{ layers, setLayers, addLayer, removeLayer, removeTopLayer }}\n >\n {children}\n </ModalStackingContext.Provider>\n );\n};\n\nconst useModalStacking = () => {\n return React.useContext(ModalStackingContext);\n};\n\nexport { ModalStackingProvider, useModalStacking };\n","import * as Dialog from \"@radix-ui/react-dialog\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport * as Portal from \"@radix-ui/react-portal\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport { RefToTgphRef } from \"@telegraph/helpers\";\nimport type {\n PolymorphicProps,\n TgphComponentProps,\n TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n \"modal\"\n> &\n React.ComponentPropsWithoutRef<typeof FocusScope> &\n TgphComponentProps<typeof Stack> & {\n a11yTitle: string;\n a11yDescription?: string;\n layer?: number;\n };\n\nconst Root = ({\n defaultOpen: defaultOpenProp,\n open: openProp,\n onOpenChange: onOpenChangeProp,\n ...props\n}: RootProps) => {\n const [open, onOpenChange] = useControllableState({\n prop: openProp,\n onChange: onOpenChangeProp,\n defaultProp: defaultOpenProp,\n });\n\n const stacking = useModalStacking();\n const id = props.a11yTitle;\n\n React.useEffect(() => {\n if (!open && stacking.layers.includes(id)) {\n stacking.removeLayer(id);\n }\n }, [id, stacking, open]);\n\n // Prevent rendering anything within the modal if it is not open\n if (!open) return;\n\n return <RootComponent open={open} onOpenChange={onOpenChange} {...props} />;\n};\n\ntype RootComponentProps = RootProps & {\n open: boolean;\n onOpenChange: (value: boolean) => void;\n};\n\nconst RootComponent = ({\n open,\n onOpenChange,\n a11yTitle,\n a11yDescription,\n children,\n // Focus scope props\n trapped,\n onMountAutoFocus,\n onUnmountAutoFocus,\n ...props\n}: RootComponentProps) => {\n // We use the a11yTitle as the id for the modal as it is unique\n // and can be used to identify the modal in the stacking context.\n // Without the need to generate a random id and manage between\n // different modal rendering patterns.\n const id = a11yTitle;\n const stacking = useModalStacking();\n React.useEffect(() => {\n if (!stacking || !open || stacking.layers.includes(id)) return;\n stacking.addLayer(id);\n }, [id, stacking, open]);\n\n const layer = stacking.layers?.indexOf(id) || 0;\n const layersLength = stacking.layers?.length || 0;\n const isStacked = layer !== 0;\n const isTopLayer = id === stacking.layers[stacking.layers.length - 1];\n\n return (\n <DismissableLayer\n onEscapeKeyDown={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n onPointerDownOutside={(event) => {\n if (!isTopLayer) return;\n event.preventDefault();\n stacking.removeTopLayer();\n onOpenChange(false);\n }}\n >\n <Dialog.Root\n open={open}\n onOpenChange={(value) => {\n const hasLayers = stacking?.layers?.length > 0;\n\n if (hasLayers) {\n if (\n value === false &&\n id === stacking.layers[stacking.layers.length - 1]\n ) {\n stacking.removeLayer(id);\n return onOpenChange(false);\n }\n // If the modal is not the top layer, do not call onOpenChange\n // when we are stacking the modals\n return;\n }\n\n onOpenChange(value);\n }}\n key={id}\n >\n <VisuallyHidden.Root>\n <Dialog.Title>{a11yTitle}</Dialog.Title>\n {a11yDescription && (\n <Dialog.Description>{a11yDescription}</Dialog.Description>\n )}\n </VisuallyHidden.Root>\n <AnimatePresence>\n {open && (\n // We add the className \"tgph\" here so that styles within\n // the portal get scoped properly to telegraph\n <Portal.Root className=\"tgph\">\n <Overlay layer={layer}>\n <FocusScope\n trapped={typeof trapped === \"boolean\" ? trapped : isTopLayer}\n onMountAutoFocus={onMountAutoFocus}\n onUnmountAutoFocus={onUnmountAutoFocus}\n asChild\n >\n <RefToTgphRef>\n <Stack\n as={motion.div}\n initial={{\n top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layersLength - 1})`,\n }}\n animate={{\n top: isStacked\n ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${layer} )`\n : \"var(--tgph-spacing-16)\",\n }}\n exit={{ top: 0 }}\n transition={{ type: \"spring\", duration: 0.3, bounce: 0 }}\n w=\"full\"\n justify=\"center\"\n style={{\n position: \"fixed\",\n left: 0,\n maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n zIndex: `calc(var(--tgph-zIndex-modal) + ${layer})`,\n }}\n key={`container-${id}`}\n >\n <Stack\n direction=\"column\"\n as={motion.div}\n animate={{\n scale: 1.02 - Math.abs(layersLength - layer) * 0.02,\n transformOrigin: \"center center\",\n }}\n transition={{\n duration: 0.2,\n bounce: 0,\n type: \"spring\",\n }}\n maxW={props.maxW ?? \"160\"}\n w={props.w ?? \"full\"}\n bg=\"surface-1\"\n border=\"px\"\n rounded=\"4\"\n shadow=\"3\"\n key={`content-${id}`}\n {...props}\n >\n {children}\n </Stack>\n </Stack>\n </RefToTgphRef>\n </FocusScope>\n </Overlay>\n </Portal.Root>\n )}\n </AnimatePresence>\n </Dialog.Root>\n </DismissableLayer>\n );\n};\n\ntype OverlayProps = TgphComponentProps<typeof Box> & {\n layer: number;\n};\n\nconst Overlay = ({ layer, children }: OverlayProps) => {\n // If the layer is greater than 0, we don't want to show this\n // overlay as to not stack the overlays on top of each other.\n if (layer > 0) return children;\n return (\n <Dialog.Overlay>\n <Box\n as={motion.div}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n transition={{ duration: 0.3, bounce: 0, type: \"spring\" }}\n bg=\"alpha-black-6\"\n w=\"full\"\n h=\"full\"\n zIndex=\"overlay\"\n style={{\n position: \"fixed\",\n cursor: \"pointer\",\n inset: \"0px\",\n }}\n />\n {children}\n </Dialog.Overlay>\n );\n};\n\ntype ContentProps = React.ComponentPropsWithoutRef<typeof Dialog.Content> &\n TgphComponentProps<typeof Stack>;\ntype ContentRef = React.ElementRef<typeof Dialog.Content>;\n\nconst Content = React.forwardRef<ContentRef, ContentProps>(\n ({ children, ...props }, forwardedRef) => {\n return (\n <Dialog.Content ref={forwardedRef} asChild {...props}>\n <Stack direction=\"column\" h=\"full\" {...props}>\n {children}\n </Stack>\n </Dialog.Content>\n );\n },\n);\n\ntype CloseProps<T extends TgphElement> = TgphComponentProps<typeof Button<T>> &\n Omit<React.ComponentPropsWithoutRef<typeof Dialog.Close>, \"color\">;\nconst Close = <T extends TgphElement>({\n size = \"1\",\n variant = \"ghost\",\n ...props\n}: CloseProps<T>) => {\n return (\n <Dialog.Close asChild>\n <Button\n icon={{ icon: Lucide.X, alt: \"Close Modal\" }}\n variant={variant}\n size={size}\n {...props}\n />\n </Dialog.Close>\n );\n};\n\ntype BodyProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Body = <T extends TgphElement>({\n style,\n children,\n ...props\n}: BodyProps<T>) => {\n return (\n <Stack\n direction=\"column\"\n px=\"6\"\n py=\"4\"\n style={{\n overflowY: \"auto\",\n ...style,\n }}\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype HeaderProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Header = <T extends TgphElement>({\n children,\n ...props\n}: HeaderProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n justify=\"space-between\"\n align=\"center\"\n px=\"6\"\n py=\"4\"\n borderBottom=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\ntype FooterProps<T extends TgphElement> = PolymorphicProps<T> &\n TgphComponentProps<typeof Stack>;\n\nconst Footer = <T extends TgphElement>({\n children,\n ...props\n}: FooterProps<T>) => {\n return (\n <Stack\n direction=\"row\"\n align=\"center\"\n justify=\"flex-end\"\n gap=\"2\"\n px=\"6\"\n py=\"4\"\n borderTop=\"px\"\n {...props}\n >\n {children}\n </Stack>\n );\n};\n\nconst Modal = {} as {\n Root: typeof Root;\n Content: typeof Content;\n Close: typeof Close;\n Body: typeof Body;\n Header: typeof Header;\n Footer: typeof Footer;\n};\n\nObject.assign(Modal, {\n Root,\n Content,\n Close,\n Body,\n Header,\n Footer,\n});\n\nexport { Modal };\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","value","composeRefs","refs","node","useComposedRefs","React","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","args","element","getter","_a","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useCallbackRef","callback","callbackRef","useEscapeKeydown","onEscapeKeyDownProp","ownerDocument","onEscapeKeyDown","handleKeyDown","DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","DismissableLayer","disableOutsidePointerEvents","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","setNode","force","composedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","dispatchUpdate","handleUpdate","BRANCH_NAME","DismissableLayerBranch","handlePointerDownOutside","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","id","current","removeLayer","layer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","stacking","RootComponent","a11yTitle","a11yDescription","trapped","onMountAutoFocus","onUnmountAutoFocus","layersLength","isStacked","isTopLayer","jsxs","Dialog","VisuallyHidden","AnimatePresence","Portal","Overlay","FocusScope","RefToTgphRef","Stack","motion","Box","Content","Close","size","variant","Button","Lucide","Body","style","Header","Footer","Modal"],"mappings":";;;;;;;;;;;;;AACA,SAASA,EAAqBC,GAAsBC,GAAiB,EAAE,0BAAAC,IAA2B,GAAM,IAAG,IAAI;AAC7G,SAAO,SAAqBC,GAAO;AAEjC,QADAH,KAAA,QAAAA,EAAuBG,IACnBD,MAA6B,MAAS,CAACC,EAAM;AAC/C,aAAOF,KAAA,gBAAAA,EAAkBE;AAAA,EAE5B;AACH;ACNA,SAASC,GAAOC,GAAKC,GAAO;AAC1B,EAAI,OAAOD,KAAQ,aACjBA,EAAIC,CAAK,IACAD,KAAQ,SACjBA,EAAI,UAAUC;AAElB;AACA,SAASC,KAAeC,GAAM;AAC5B,SAAO,CAACC,MAASD,EAAK,QAAQ,CAACH,MAAQD,GAAOC,GAAKI,CAAI,CAAC;AAC1D;AACA,SAASC,KAAmBF,GAAM;AAChC,SAAOG,EAAM,YAAYJ,EAAY,GAAGC,CAAI,GAAGA,CAAI;AACrD;ACVA,IAAII,IAAOD,EAAM,WAAW,CAACE,GAAOC,MAAiB;AACnD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKH,GAC7BI,IAAgBN,EAAM,SAAS,QAAQI,CAAQ,GAC/CG,IAAYD,EAAc,KAAKE,EAAW;AAChD,MAAID,GAAW;AACb,UAAME,IAAaF,EAAU,MAAM,UAC7BG,IAAcJ,EAAc,IAAI,CAACK,MACjCA,MAAUJ,IACRP,EAAM,SAAS,MAAMS,CAAU,IAAI,IAAUT,EAAM,SAAS,KAAK,IAAI,IAClEA,EAAM,eAAeS,CAAU,IAAIA,EAAW,MAAM,WAAW,OAE/DE,CAEV;AACD,WAAuB,gBAAAC,EAAIC,GAAW,EAAE,GAAGR,GAAW,KAAKF,GAAc,UAAUH,EAAM,eAAeS,CAAU,IAAIT,EAAM,aAAaS,GAAY,QAAQC,CAAW,IAAI,MAAM;AAAA,EACtL;AACE,SAAuB,gBAAAE,EAAIC,GAAW,EAAE,GAAGR,GAAW,KAAKF,GAAc,UAAAC,GAAU;AACrF,CAAC;AACDH,EAAK,cAAc;AACnB,IAAIY,IAAYb,EAAM,WAAW,CAACE,GAAOC,MAAiB;AACxD,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAS,IAAKH;AACnC,MAAIF,EAAM,eAAeI,CAAQ,GAAG;AAClC,UAAMU,IAAcC,GAAcX,CAAQ;AAC1C,WAAOJ,EAAM,aAAaI,GAAU;AAAA,MAClC,GAAGY,GAAWX,GAAWD,EAAS,KAAK;AAAA;AAAA,MAEvC,KAAKD,IAAeP,EAAYO,GAAcW,CAAW,IAAIA;AAAA,IACnE,CAAK;AAAA,EACL;AACE,SAAOd,EAAM,SAAS,MAAMI,CAAQ,IAAI,IAAIJ,EAAM,SAAS,KAAK,IAAI,IAAI;AAC1E,CAAC;AACDa,EAAU,cAAc;AACxB,IAAII,KAAY,CAAC,EAAE,UAAAb,QACM,gBAAAQ,EAAIM,GAAU,EAAE,UAAAd,GAAU;AAEnD,SAASI,GAAYG,GAAO;AAC1B,SAAOX,EAAM,eAAeW,CAAK,KAAKA,EAAM,SAASM;AACvD;AACA,SAASD,GAAWX,GAAWc,GAAY;AACzC,QAAMC,IAAgB,EAAE,GAAGD,EAAY;AACvC,aAAWE,KAAYF,GAAY;AACjC,UAAMG,IAAgBjB,EAAUgB,CAAQ,GAClCE,IAAiBJ,EAAWE,CAAQ;AAE1C,IADkB,WAAW,KAAKA,CAAQ,IAEpCC,KAAiBC,IACnBH,EAAcC,CAAQ,IAAI,IAAIG,MAAS;AACrC,MAAAD,EAAe,GAAGC,CAAI,GACtBF,EAAc,GAAGE,CAAI;AAAA,IACtB,IACQF,MACTF,EAAcC,CAAQ,IAAIC,KAEnBD,MAAa,UACtBD,EAAcC,CAAQ,IAAI,EAAE,GAAGC,GAAe,GAAGC,EAAgB,IACxDF,MAAa,gBACtBD,EAAcC,CAAQ,IAAI,CAACC,GAAeC,CAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EAExF;AACE,SAAO,EAAE,GAAGlB,GAAW,GAAGe,EAAe;AAC3C;AACA,SAASL,GAAcU,GAAS;;AAC9B,MAAIC,KAASC,IAAA,OAAO,yBAAyBF,EAAQ,OAAO,KAAK,MAApD,gBAAAE,EAAuD,KAChEC,IAAUF,KAAU,oBAAoBA,KAAUA,EAAO;AAC7D,SAAIE,IACKH,EAAQ,OAEjBC,KAASG,IAAA,OAAO,yBAAyBJ,GAAS,KAAK,MAA9C,gBAAAI,EAAiD,KAC1DD,IAAUF,KAAU,oBAAoBA,KAAUA,EAAO,gBACrDE,IACKH,EAAQ,MAAM,MAEhBA,EAAQ,MAAM,OAAOA,EAAQ;AACtC;ACxEA,IAAIK,KAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GACIC,IAAYD,GAAM,OAAO,CAACE,GAAWlC,MAAS;AAChD,QAAMmC,IAAOjC,EAAM,WAAW,CAACE,GAAOC,MAAiB;AACrD,UAAM,EAAE,SAAA+B,GAAS,GAAGC,EAAc,IAAKjC,GACjCkC,IAAOF,IAAUjC,IAAOH;AAC9B,WAAI,OAAO,SAAW,QACpB,OAAO,OAAO,IAAI,UAAU,CAAC,IAAI,KAEZ,gBAAAc,EAAIwB,GAAM,EAAE,GAAGD,GAAgB,KAAKhC,GAAc;AAAA,EAC7E,CAAG;AACD,SAAA8B,EAAK,cAAc,aAAanC,CAAI,IAC7B,EAAE,GAAGkC,GAAW,CAAClC,CAAI,GAAGmC,EAAM;AACvC,GAAG,EAAE;AACL,SAASI,GAA4BC,GAAQ9C,GAAO;AAClD,EAAI8C,KAAQC,EAAS,UAAU,MAAMD,EAAO,cAAc9C,CAAK,CAAC;AAClE;ACnCA,SAASgD,EAAeC,GAAU;AAChC,QAAMC,IAAc1C,EAAM,OAAOyC,CAAQ;AACzC,SAAAzC,EAAM,UAAU,MAAM;AACpB,IAAA0C,EAAY,UAAUD;AAAA,EAC1B,CAAG,GACMzC,EAAM,QAAQ,MAAM,IAAIwB;;AAAS,YAAAG,IAAAe,EAAY,YAAZ,gBAAAf,EAAA,KAAAe,GAAsB,GAAGlB;AAAA,KAAO,EAAE;AAC5E;ACLA,SAASmB,GAAiBC,GAAqBC,IAAgB,yCAAY,UAAU;AACnF,QAAMC,IAAkBN,EAAeI,CAAmB;AAC1D,EAAA5C,EAAM,UAAU,MAAM;AACpB,UAAM+C,IAAgB,CAACvD,MAAU;AAC/B,MAAIA,EAAM,QAAQ,YAChBsD,EAAgBtD,CAAK;AAAA,IAExB;AACD,WAAAqD,EAAc,iBAAiB,WAAWE,GAAe,EAAE,SAAS,IAAM,GACnE,MAAMF,EAAc,oBAAoB,WAAWE,GAAe,EAAE,SAAS,IAAM;AAAA,EAC9F,GAAK,CAACD,GAAiBD,CAAa,CAAC;AACrC;ACJA,IAAIG,KAAyB,oBACzBC,IAAiB,2BACjBC,KAAuB,uCACvBC,KAAgB,iCAChBC,GACAC,IAA0BrD,EAAM,cAAc;AAAA,EAChD,QAAwB,oBAAI,IAAK;AAAA,EACjC,wCAAwD,oBAAI,IAAK;AAAA,EACjE,UAA0B,oBAAI,IAAG;AACnC,CAAC,GACGsD,IAAmBtD,EAAM;AAAA,EAC3B,CAACE,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,6BAAAoD,IAA8B;AAAA,MAC9B,iBAAAT;AAAA,MACA,sBAAAU;AAAA,MACA,gBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQ1D,GACE2D,IAAU7D,EAAM,WAAWqD,CAAuB,GAClD,CAACvD,GAAMgE,CAAO,IAAI9D,EAAM,SAAS,IAAI,GACrC6C,KAAgB/C,KAAA,gBAAAA,EAAM,mBAAiB,yCAAY,WACnD,CAAG,EAAAiE,CAAK,IAAI/D,EAAM,SAAS,CAAA,CAAE,GAC7BgE,IAAejE,EAAgBI,GAAc,CAAC8D,MAAUH,EAAQG,CAAK,CAAC,GACtEC,IAAS,MAAM,KAAKL,EAAQ,MAAM,GAClC,CAACM,CAA4C,IAAI,CAAC,GAAGN,EAAQ,sCAAsC,EAAE,MAAM,EAAE,GAC7GO,IAAoDF,EAAO,QAAQC,CAA4C,GAC/GE,IAAQvE,IAAOoE,EAAO,QAAQpE,CAAI,IAAI,IACtCwE,IAA8BT,EAAQ,uCAAuC,OAAO,GACpFU,IAAyBF,KAASD,GAClCI,IAAqBC,GAAsB,CAACjF,MAAU;AAC1D,YAAM8C,IAAS9C,EAAM,QACfkF,IAAwB,CAAC,GAAGb,EAAQ,QAAQ,EAAE,KAAK,CAACc,MAAWA,EAAO,SAASrC,CAAM,CAAC;AAC5F,MAAI,CAACiC,KAA0BG,MAC/BlB,KAAA,QAAAA,EAAuBhE,IACvBkE,KAAA,QAAAA,EAAoBlE,IACfA,EAAM,oBAAkBmE,KAAA,QAAAA;AAAA,IAC9B,GAAEd,CAAa,GACV+B,IAAeC,GAAgB,CAACrF,MAAU;AAC9C,YAAM8C,IAAS9C,EAAM;AAErB,MADwB,CAAC,GAAGqE,EAAQ,QAAQ,EAAE,KAAK,CAACc,MAAWA,EAAO,SAASrC,CAAM,CAAC,MAEtFmB,KAAA,QAAAA,EAAiBjE,IACjBkE,KAAA,QAAAA,EAAoBlE,IACfA,EAAM,oBAAkBmE,KAAA,QAAAA;AAAA,IAC9B,GAAEd,CAAa;AAChB,WAAAF,GAAiB,CAACnD,MAAU;AAE1B,MADuB6E,MAAUR,EAAQ,OAAO,OAAO,MAEvDf,KAAA,QAAAA,EAAkBtD,IACd,CAACA,EAAM,oBAAoBmE,MAC7BnE,EAAM,eAAgB,GACtBmE,EAAW;AAAA,IAEd,GAAEd,CAAa,GAChB7C,EAAM,UAAU,MAAM;AACpB,UAAKF;AACL,eAAIyD,MACEM,EAAQ,uCAAuC,SAAS,MAC1DT,IAA4BP,EAAc,KAAK,MAAM,eACrDA,EAAc,KAAK,MAAM,gBAAgB,SAE3CgB,EAAQ,uCAAuC,IAAI/D,CAAI,IAEzD+D,EAAQ,OAAO,IAAI/D,CAAI,GACvBgF,EAAgB,GACT,MAAM;AACX,UAAIvB,KAA+BM,EAAQ,uCAAuC,SAAS,MACzFhB,EAAc,KAAK,MAAM,gBAAgBO;AAAA,QAE5C;AAAA,IACF,GAAE,CAACtD,GAAM+C,GAAeU,GAA6BM,CAAO,CAAC,GAC9D7D,EAAM,UAAU,MACP,MAAM;AACX,MAAKF,MACL+D,EAAQ,OAAO,OAAO/D,CAAI,GAC1B+D,EAAQ,uCAAuC,OAAO/D,CAAI,GAC1DgF,EAAgB;AAAA,IACjB,GACA,CAAChF,GAAM+D,CAAO,CAAC,GAClB7D,EAAM,UAAU,MAAM;AACpB,YAAM+E,IAAe,MAAMhB,EAAM,EAAE;AACnC,sBAAS,iBAAiBd,GAAgB8B,CAAY,GAC/C,MAAM,SAAS,oBAAoB9B,GAAgB8B,CAAY;AAAA,IACvE,GAAE,EAAE,GACkB,gBAAAnE;AAAA,MACrBmB,EAAU;AAAA,MACV;AAAA,QACE,GAAG6B;AAAA,QACH,KAAKI;AAAA,QACL,OAAO;AAAA,UACL,eAAeM,IAA8BC,IAAyB,SAAS,SAAS;AAAA,UACxF,GAAGrE,EAAM;AAAA,QACV;AAAA,QACD,gBAAgBd,EAAqBc,EAAM,gBAAgB0E,EAAa,cAAc;AAAA,QACtF,eAAexF,EAAqBc,EAAM,eAAe0E,EAAa,aAAa;AAAA,QACnF,sBAAsBxF;AAAA,UACpBc,EAAM;AAAA,UACNsE,EAAmB;AAAA,QAC7B;AAAA,MACA;AAAA,IACK;AAAA,EACL;AACA;AACAlB,EAAiB,cAAcN;AAC/B,IAAIgC,KAAc,0BACdC,KAAyBjF,EAAM,WAAW,CAACE,GAAOC,MAAiB;AACrE,QAAM0D,IAAU7D,EAAM,WAAWqD,CAAuB,GAClD3D,IAAMM,EAAM,OAAO,IAAI,GACvBgE,IAAejE,EAAgBI,GAAcT,CAAG;AACtD,SAAAM,EAAM,UAAU,MAAM;AACpB,UAAMF,IAAOJ,EAAI;AACjB,QAAII;AACF,aAAA+D,EAAQ,SAAS,IAAI/D,CAAI,GAClB,MAAM;AACX,QAAA+D,EAAQ,SAAS,OAAO/D,CAAI;AAAA,MAC7B;AAAA,EAEP,GAAK,CAAC+D,EAAQ,QAAQ,CAAC,GACE,gBAAAjD,EAAImB,EAAU,KAAK,EAAE,GAAG7B,GAAO,KAAK8D,GAAc;AAC3E,CAAC;AACDiB,GAAuB,cAAcD;AACrC,SAASP,GAAsBjB,GAAsBX,IAAgB,yCAAY,UAAU;AACzF,QAAMqC,IAA2B1C,EAAegB,CAAoB,GAC9D2B,IAA8BnF,EAAM,OAAO,EAAK,GAChDoF,IAAiBpF,EAAM,OAAO,MAAM;AAAA,EAC5C,CAAG;AACD,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMqF,IAAoB,CAAC7F,MAAU;AACnC,UAAIA,EAAM,UAAU,CAAC2F,EAA4B,SAAS;AACxD,YAAIG,IAA4C,WAAW;AACzD,UAAAC;AAAA,YACErC;AAAA,YACAgC;AAAA,YACAM;AAAA,YACA,EAAE,UAAU,GAAI;AAAA,UACjB;AAAA,QACF;AAED,cAAMA,IAAc,EAAE,eAAehG,EAAO;AAC5C,QAAIA,EAAM,gBAAgB,WACxBqD,EAAc,oBAAoB,SAASuC,EAAe,OAAO,GACjEA,EAAe,UAAUE,GACzBzC,EAAc,iBAAiB,SAASuC,EAAe,SAAS,EAAE,MAAM,IAAM,KAE9EE,EAA2C;AAAA,MAErD;AACQ,QAAAzC,EAAc,oBAAoB,SAASuC,EAAe,OAAO;AAEnE,MAAAD,EAA4B,UAAU;AAAA,IACvC,GACKM,IAAU,OAAO,WAAW,MAAM;AACtC,MAAA5C,EAAc,iBAAiB,eAAewC,CAAiB;AAAA,IAChE,GAAE,CAAC;AACJ,WAAO,MAAM;AACX,aAAO,aAAaI,CAAO,GAC3B5C,EAAc,oBAAoB,eAAewC,CAAiB,GAClExC,EAAc,oBAAoB,SAASuC,EAAe,OAAO;AAAA,IAClE;AAAA,EACL,GAAK,CAACvC,GAAeqC,CAAwB,CAAC,GACrC;AAAA;AAAA,IAEL,sBAAsB,MAAMC,EAA4B,UAAU;AAAA,EACnE;AACH;AACA,SAASN,GAAgBpB,GAAgBZ,IAAgB,yCAAY,UAAU;AAC7E,QAAM6C,IAAqBlD,EAAeiB,CAAc,GAClDkC,IAA4B3F,EAAM,OAAO,EAAK;AACpD,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAM4F,IAAc,CAACpG,MAAU;AAC7B,MAAIA,EAAM,UAAU,CAACmG,EAA0B,WAE7CJ,EAA6BpC,IAAeuC,GADxB,EAAE,eAAelG,EAAO,GACiC;AAAA,QAC3E,UAAU;AAAA,MACpB,CAAS;AAAA,IAEJ;AACD,WAAAqD,EAAc,iBAAiB,WAAW+C,CAAW,GAC9C,MAAM/C,EAAc,oBAAoB,WAAW+C,CAAW;AAAA,EACzE,GAAK,CAAC/C,GAAe6C,CAAkB,CAAC,GAC/B;AAAA,IACL,gBAAgB,MAAMC,EAA0B,UAAU;AAAA,IAC1D,eAAe,MAAMA,EAA0B,UAAU;AAAA,EAC1D;AACH;AACA,SAASb,IAAiB;AACxB,QAAMtF,IAAQ,IAAI,YAAYyD,CAAc;AAC5C,WAAS,cAAczD,CAAK;AAC9B;AACA,SAAS+F,EAA6BM,GAAMC,GAASC,GAAQ,EAAE,UAAAC,EAAQ,GAAI;AACzE,QAAM1D,IAASyD,EAAO,cAAc,QAC9BvG,IAAQ,IAAI,YAAYqG,GAAM,EAAE,SAAS,IAAO,YAAY,IAAM,QAAAE,GAAQ;AAChF,EAAID,KAASxD,EAAO,iBAAiBuD,GAAMC,GAAS,EAAE,MAAM,IAAM,GAC9DE,IACF3D,GAA4BC,GAAQ9C,CAAK,IAEzC8C,EAAO,cAAc9C,CAAK;AAE9B;AChNA,SAASyG,GAAqB;AAAA,EAC5B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EACnB;AACA,GAAG;AACD,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,GAAqB,EAAE,aAAAJ,GAAa,UAAAC,GAAU,GACxFI,IAAeN,MAAS,QACxBvG,IAAQ6G,IAAeN,IAAOG,GAC9BI,IAAejE,EAAe4D,CAAQ,GACtCM,IAAW1G,EAAM;AAAA,IACrB,CAAC2G,MAAc;AACb,UAAIH,GAAc;AAEhB,cAAMI,IAAS,OAAOD,KAAc,aADrBA,EACyCT,CAAI,IAAIS;AAChE,QAAIC,MAAWV,KAAMO,EAAaG,CAAM;AAAA,MAChD;AACQ,QAAAN,EAAoBK,CAAS;AAAA,IAEhC;AAAA,IACD,CAACH,GAAcN,GAAMI,GAAqBG,CAAY;AAAA,EACvD;AACD,SAAO,CAAC9G,GAAO+G,CAAQ;AACzB;AACA,SAASH,GAAqB;AAAA,EAC5B,aAAAJ;AAAA,EACA,UAAAC;AACF,GAAG;AACD,QAAMS,IAAoB7G,EAAM,SAASmG,CAAW,GAC9C,CAACxG,CAAK,IAAIkH,GACVC,IAAe9G,EAAM,OAAOL,CAAK,GACjC8G,IAAejE,EAAe4D,CAAQ;AAC5C,SAAApG,EAAM,UAAU,MAAM;AACpB,IAAI8G,EAAa,YAAYnH,MAC3B8G,EAAa9G,CAAK,GAClBmH,EAAa,UAAUnH;AAAA,EAE1B,GAAE,CAACA,GAAOmH,GAAcL,CAAY,CAAC,GAC/BI;AACT;ACxCA,MAAME,IAAuB/G,EAAM,cAMhC;AAAA,EACD,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,gBAAgB,MAAM;AAAA,EAAA;AACxB,CAAC,GAMKgH,KAAwB,CAAC,EAAE,UAAA5G,QAA2C;AAC1E,QAAM,CAAC8D,GAAQ+C,CAAS,IAAIjH,EAAM,SAAwB,CAAA,CAAE,GAEtDkH,IAAW,CAACC,MAAe;AAC/B,IAAAF,EAAU,CAACG,MAAY,CAAC,GAAGA,GAASD,CAAE,CAAC;AAAA,EACzC,GAEME,IAAc,CAACF,MAAe;AAClC,IAAAF,EAAU/C,EAAO,OAAO,CAACoD,MAAUA,MAAUH,CAAE,CAAC;AAAA,EAClD,GAEMI,IAAiB,MAAM;AAC3B,UAAMJ,IAAKjD,EAAOA,EAAO,SAAS,CAAC;AACnC,IAAKiD,KACLE,EAAYF,CAAE;AAAA,EAChB;AAGE,SAAA,gBAAAvG;AAAA,IAACmG,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO,EAAE,QAAA7C,GAAQ,WAAA+C,GAAW,UAAAC,GAAU,aAAAG,GAAa,gBAAAE,EAAe;AAAA,MAEjE,UAAAnH;AAAA,IAAA;AAAA,EACH;AAEJ,GAEMoH,IAAmB,MAChBxH,EAAM,WAAW+G,CAAoB,GChBxCU,KAAO,CAAC;AAAA,EACZ,aAAaC;AAAA,EACb,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,GAAG1H;AACL,MAAiB;AACf,QAAM,CAAC2H,GAAMC,CAAY,IAAI7B,GAAqB;AAAA,IAChD,MAAM0B;AAAA,IACN,UAAUC;AAAA,IACV,aAAaF;AAAA,EAAA,CACd,GAEKK,IAAWP,EAAiB,GAC5BL,IAAKjH,EAAM;AASjB,MAPAF,EAAM,UAAU,MAAM;AACpB,IAAI,CAAC6H,KAAQE,EAAS,OAAO,SAASZ,CAAE,KACtCY,EAAS,YAAYZ,CAAE;AAAA,EAExB,GAAA,CAACA,GAAIY,GAAUF,CAAI,CAAC,GAGnB,EAACA;AAEL,WAAQ,gBAAAjH,EAAAoH,IAAA,EAAc,MAAAH,GAAY,cAAAC,GAA6B,GAAG5H,GAAO;AAC3E,GAOM8H,KAAgB,CAAC;AAAA,EACrB,MAAAH;AAAA,EACA,cAAAC;AAAA,EACA,WAAAG;AAAA,EACA,iBAAAC;AAAA,EACA,UAAA9H;AAAA;AAAA,EAEA,SAAA+H;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGnI;AACL,MAA0B;;AAKxB,QAAMiH,IAAKc,GACLF,IAAWP,EAAiB;AAClCxH,EAAAA,EAAM,UAAU,MAAM;AAChB,IAAA,CAAC+H,KAAY,CAACF,KAAQE,EAAS,OAAO,SAASZ,CAAE,KACrDY,EAAS,SAASZ,CAAE;AAAA,EACnB,GAAA,CAACA,GAAIY,GAAUF,CAAI,CAAC;AAEvB,QAAMP,MAAQ3F,IAAAoG,EAAS,WAAT,gBAAApG,EAAiB,QAAQwF,OAAO,GACxCmB,MAAezG,IAAAkG,EAAS,WAAT,gBAAAlG,EAAiB,WAAU,GAC1C0G,IAAYjB,MAAU,GACtBkB,IAAarB,MAAOY,EAAS,OAAOA,EAAS,OAAO,SAAS,CAAC;AAGlE,SAAA,gBAAAnH;AAAA,IAAC0C;AAAA,IAAA;AAAA,MACC,iBAAiB,CAAC9D,MAAU;AAC1B,QAAKgJ,MACLhJ,EAAM,eAAe,GACrBuI,EAAS,eAAe,GACxBD,EAAa,EAAK;AAAA,MACpB;AAAA,MACA,sBAAsB,CAACtI,MAAU;AAC/B,QAAKgJ,MACLhJ,EAAM,eAAe,GACrBuI,EAAS,eAAe,GACxBD,EAAa,EAAK;AAAA,MACpB;AAAA,MAEA,UAAA,gBAAAW;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACC,MAAAb;AAAA,UACA,cAAc,CAAClI,MAAU;;AAGvB,kBAFkBgC,IAAAoG,KAAA,gBAAAA,EAAU,WAAV,gBAAApG,EAAkB,UAAS;AAIzC,qBAAAhC,MAAU,MACVwH,MAAOY,EAAS,OAAOA,EAAS,OAAO,SAAS,CAAC,KAEjDA,EAAS,YAAYZ,CAAE,GAChBW,EAAa,EAAK,KAI3B;AAGF,YAAAA,EAAanI,CAAK;AAAA,UACpB;AAAA,UAGA,UAAA;AAAA,YAAC,gBAAA8I,EAAAE,EAAe,MAAf,EACC,UAAA;AAAA,cAAC,gBAAA/H,EAAA8H,EAAO,OAAP,EAAc,UAAUT,EAAA,CAAA;AAAA,cACxBC,KACC,gBAAAtH,EAAC8H,EAAO,aAAP,EAAoB,UAAgBR,EAAA,CAAA;AAAA,YAAA,GAEzC;AAAA,8BACCU,IACE,EAAA,UAAAf;AAAA;AAAA,YAGC,gBAAAjH,EAACiI,EAAO,MAAP,EAAY,WAAU,QACrB,UAAA,gBAAAjI,EAACkI,MAAQ,OAAAxB,GACP,UAAA,gBAAA1G;AAAA,cAACmI;AAAA,cAAA;AAAA,gBACC,SAAS,OAAOZ,KAAY,YAAYA,IAAUK;AAAA,gBAClD,kBAAAJ;AAAA,gBACA,oBAAAC;AAAA,gBACA,SAAO;AAAA,gBAEP,4BAACW,IACC,EAAA,UAAA,gBAAApI;AAAA,kBAACqI;AAAA,kBAAA;AAAA,oBACC,IAAIC,EAAO;AAAA,oBACX,SAAS;AAAA,sBACP,KAAK,yDAAyDZ,IAAe,CAAC;AAAA,oBAChF;AAAA,oBACA,SAAS;AAAA,sBACP,KAAKC,IACD,yDAAyDjB,CAAK,OAC9D;AAAA,oBACN;AAAA,oBACA,MAAM,EAAE,KAAK,EAAE;AAAA,oBACf,YAAY,EAAE,MAAM,UAAU,UAAU,KAAK,QAAQ,EAAE;AAAA,oBACvD,GAAE;AAAA,oBACF,SAAQ;AAAA,oBACR,OAAO;AAAA,sBACL,UAAU;AAAA,sBACV,MAAM;AAAA,sBACN,WAAW;AAAA,sBACX,UAAU;AAAA,sBACV,QAAQ,mCAAmCA,CAAK;AAAA,oBAClD;AAAA,oBAGA,UAAA,gBAAA1G;AAAA,sBAACqI;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,IAAIC,EAAO;AAAA,wBACX,SAAS;AAAA,0BACP,OAAO,OAAO,KAAK,IAAIZ,IAAehB,CAAK,IAAI;AAAA,0BAC/C,iBAAiB;AAAA,wBACnB;AAAA,wBACA,YAAY;AAAA,0BACV,UAAU;AAAA,0BACV,QAAQ;AAAA,0BACR,MAAM;AAAA,wBACR;AAAA,wBACA,MAAMpH,EAAM,QAAQ;AAAA,wBACpB,GAAGA,EAAM,KAAK;AAAA,wBACd,IAAG;AAAA,wBACH,QAAO;AAAA,wBACP,SAAQ;AAAA,wBACR,QAAO;AAAA,wBAEN,GAAGA;AAAA,wBAEH,UAAAE;AAAA,sBAAA;AAAA,sBAHI,WAAW+G,CAAE;AAAA,oBAAA;AAAA,kBAIpB;AAAA,kBAxBK,aAAaA,CAAE;AAAA,gBAAA,EA0BxB,CAAA;AAAA,cAAA;AAAA,YAAA,EAEJ,CAAA,EACF,CAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAzEKA;AAAA,MAAA;AAAA,IA0EP;AAAA,EACF;AAEJ,GAMM2B,KAAU,CAAC,EAAE,OAAAxB,GAAO,UAAAlH,QAGpBkH,IAAQ,IAAUlH,IAEpB,gBAAAqI,EAACC,EAAO,SAAP,EACC,UAAA;AAAA,EAAA,gBAAA9H;AAAA,IAACuI;AAAA,IAAA;AAAA,MACC,IAAID,EAAO;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,YAAY,EAAE,UAAU,KAAK,QAAQ,GAAG,MAAM,SAAS;AAAA,MACvD,IAAG;AAAA,MACH,GAAE;AAAA,MACF,GAAE;AAAA,MACF,QAAO;AAAA,MACP,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EACC9I;AAAA,GACH,GAQEgJ,KAAUpJ,EAAM;AAAA,EACpB,CAAC,EAAE,UAAAI,GAAU,GAAGF,EAAA,GAASC,wBAEpBuI,EAAO,SAAP,EAAe,KAAKvI,GAAc,SAAO,IAAE,GAAGD,GAC7C,UAAC,gBAAAU,EAAAqI,GAAA,EAAM,WAAU,UAAS,GAAE,QAAQ,GAAG/I,GACpC,UAAAE,EACH,CAAA,GACF;AAGN,GAIMiJ,KAAQ,CAAwB;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGrJ;AACL,MAEK,gBAAAU,EAAA8H,EAAO,OAAP,EAAa,SAAO,IACnB,UAAA,gBAAA9H;AAAA,EAAC4I;AAAA,EAAA;AAAA,IACC,MAAM,EAAE,MAAMC,GAAO,GAAG,KAAK,cAAc;AAAA,IAC3C,SAAAF;AAAA,IACA,MAAAD;AAAA,IACC,GAAGpJ;AAAA,EAAA;AAAA,GAER,GAOEwJ,KAAO,CAAwB;AAAA,EACnC,OAAAC;AAAA,EACA,UAAAvJ;AAAA,EACA,GAAGF;AACL,MAEI,gBAAAU;AAAA,EAACqI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,IAAG;AAAA,IACH,IAAG;AAAA,IACH,OAAO;AAAA,MACL,WAAW;AAAA,MACX,GAAGU;AAAA,IACL;AAAA,IACC,GAAGzJ;AAAA,IAEH,UAAAE;AAAA,EAAA;AACH,GAOEwJ,KAAS,CAAwB;AAAA,EACrC,UAAAxJ;AAAA,EACA,GAAGF;AACL,MAEI,gBAAAU;AAAA,EAACqI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,cAAa;AAAA,IACZ,GAAG/I;AAAA,IAEH,UAAAE;AAAA,EAAA;AACH,GAOEyJ,KAAS,CAAwB;AAAA,EACrC,UAAAzJ;AAAA,EACA,GAAGF;AACL,MAEI,gBAAAU;AAAA,EAACqI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,KAAI;AAAA,IACJ,IAAG;AAAA,IACH,IAAG;AAAA,IACH,WAAU;AAAA,IACT,GAAG/I;AAAA,IAEH,UAAAE;AAAA,EAAA;AACH,GAIE0J,KAAQ,CAAA;AASd,OAAO,OAAOA,IAAO;AAAA,EACnB,MAAArC;AAAA,EACA,SAAA2B;AAAA,EACA,OAAAC;AAAA,EACA,MAAAK;AAAA,EACA,QAAAE;AAAA,EACA,QAAAC;AACF,CAAC;","x_google_ignoreList":[0,1,2,3,4,5,6,7]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telegraph/modal",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.61",
|
|
4
4
|
"repository": "https://github.com/knocklabs/telegraph/tree/main/packages/modal",
|
|
5
5
|
"author": "@knocklabs",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@radix-ui/react-focus-scope": "^1.1.0",
|
|
34
34
|
"@radix-ui/react-portal": "^1.1.3",
|
|
35
35
|
"@radix-ui/react-visually-hidden": "^1.1.0",
|
|
36
|
-
"@telegraph/button": "^0.0.
|
|
36
|
+
"@telegraph/button": "^0.0.60",
|
|
37
37
|
"@telegraph/helpers": "^0.0.7",
|
|
38
38
|
"@telegraph/icon": "^0.0.39",
|
|
39
39
|
"@telegraph/layout": "^0.1.5",
|