@telegraph/modal 0.0.46 → 0.0.47

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @telegraph/modal
 
+## 0.0.47
+
+### Patch Changes
+
+- [#295](https://github.com/knocklabs/telegraph/pull/295) [`17d9d04`](https://github.com/knocklabs/telegraph/commit/17d9d0468df142513e6ef49d7adfe18b25e2fb79) Thanks [@kylemcd](https://github.com/kylemcd)! - modal stacking
+
 ## 0.0.46
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),y=require("@radix-ui/react-dialog"),p=require("@radix-ui/react-visually-hidden"),j=require("@telegraph/button"),f=require("@telegraph/icon"),r=require("@telegraph/layout"),s=require("framer-motion"),m=require("react");function d(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,c.get?c:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const n=d(y),b=d(p),g=({defaultOpen:e,open:i,onOpenChange:o,a11yTitle:c,a11yDescription:l,children:x,...a})=>t.jsxs(n.Root,{open:i,onOpenChange:o,defaultOpen:e,children:[t.jsxs(b.Root,{children:[t.jsx(n.Title,{children:c}),l&&t.jsx(n.Description,{children:l})]}),t.jsx(s.AnimatePresence,{children:i&&t.jsx(t.Fragment,{children:t.jsxs(n.Overlay,{children:[t.jsx(r.Box,{as:s.motion.div,onClick:()=>o==null?void 0:o(!1),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,bounce:0,type:"spring"},bg:"alpha-black-6",zIndex:"overlay",style:{position:"fixed",inset:"0px"}}),t.jsx(r.Stack,{zIndex:"modal",w:"full",style:{position:"fixed",top:0,left:"50%",maxHeight:"calc(100vh - var(--tgph-spacing-32))",maxWidth:"calc(100vw - var(--tgph-spacing-8))"},children:t.jsx(r.Stack,{direction:"column",as:s.motion.div,my:"16",initial:{scale:.8,opacity:0,y:-20,x:"-50%"},animate:{scale:1,opacity:1,y:0,x:"-50%"},exit:{scale:.8,opacity:0,y:-20,x:"-50%"},transition:{duration:.2,bounce:0,type:"spring"},maxW:a.maxW??"160",w:a.w??"full",bg:"surface-1",border:"px",rounded:"4",shadow:"1",...a,children:x})})]})})})]}),h=m.forwardRef(({children:e,...i},o)=>t.jsx(n.Content,{ref:o,...i,asChild:!0,children:t.jsx(r.Stack,{direction:"column",h:"full",...i,children:e})})),v=({size:e="1",variant:i="ghost",...o})=>t.jsx(n.Close,{asChild:!0,children:t.jsx(j.Button,{icon:{icon:f.Lucide.X,alt:"Close Modal"},variant:i,size:e,...o})}),w=({children:e,...i})=>t.jsx(r.Stack,{direction:"column",px:"6",py:"4",...i,children:e}),S=({children:e,...i})=>t.jsx(r.Stack,{direction:"row",justify:"space-between",align:"center",px:"6",py:"4",borderBottom:"px",...i,children:e}),k=({children:e,...i})=>t.jsx(r.Stack,{direction:"row",align:"center",justify:"flex-end",gap:"2",px:"6",py:"4",borderTop:"px",...i,children:e}),u={};Object.assign(u,{Root:g,Content:h,Close:v,Body:w,Header:S,Footer:k});exports.Modal=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),Y=require("@radix-ui/react-dialog"),Z=require("@radix-ui/react-focus-scope"),v=require("react"),G=require("@radix-ui/react-visually-hidden"),J=require("@telegraph/button"),Q=require("@telegraph/icon"),m=require("@telegraph/layout"),P=require("framer-motion"),ee=require("react-dom");function L(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=L(Y),o=L(v),te=L(G),ne=L(ee);function _(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 re({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,s]=se({defaultProp:t,onChange:n}),i=e!==void 0,l=i?e:r,a=_(n),d=o.useCallback(c=>{if(i){const g=typeof c=="function"?c(e):c;g!==e&&a(g)}else s(c)},[i,e,s,a]);return[l,d]}function se({defaultProp:e,onChange:t}){const n=o.useState(e),[r]=n,s=o.useRef(r),i=_(t);return o.useEffect(()=>{s.current!==r&&(i(r),s.current=r)},[r,s,i]),n}function R(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 oe(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function ie(...e){return t=>e.forEach(n=>oe(n,t))}var F=o.forwardRef((e,t)=>{const{children:n,...r}=e,s=o.Children.toArray(n),i=s.find(ce);if(i){const l=i.props.children,a=s.map(d=>d===i?o.Children.count(l)>1?o.Children.only(null):o.isValidElement(l)?l.props.children:null:d);return u.jsx(S,{...r,ref:t,children:o.isValidElement(l)?o.cloneElement(l,void 0,a):null})}return u.jsx(S,{...r,ref:t,children:n})});F.displayName="Slot";var S=o.forwardRef((e,t)=>{const{children:n,...r}=e;if(o.isValidElement(n)){const s=ue(n);return o.cloneElement(n,{...le(r,n.props),ref:t?ie(t,s):s})}return o.Children.count(n)>1?o.Children.only(null):null});S.displayName="SlotClone";var ae=({children:e})=>u.jsx(u.Fragment,{children:e});function ce(e){return o.isValidElement(e)&&e.type===ae}function le(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]=(...a)=>{i(...a),s(...a)}:s&&(n[r]=s):r==="style"?n[r]={...s,...i}:r==="className"&&(n[r]=[s,i].filter(Boolean).join(" "))}return{...e,...n}}function ue(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 de=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],A=de.reduce((e,t)=>{const n=o.forwardRef((r,s)=>{const{asChild:i,...l}=r,a=i?F:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),u.jsx(a,{...l,ref:s})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function fe(e,t){e&&ne.flushSync(()=>e.dispatchEvent(t))}function pe(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function ye(...e){return t=>e.forEach(n=>pe(n,t))}function I(...e){return o.useCallback(ye(...e),e)}function D(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 he(e,t=globalThis==null?void 0:globalThis.document){const n=D(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 ve="DismissableLayer",w="dismissableLayer.update",me="dismissableLayer.pointerDownOutside",ge="dismissableLayer.focusOutside",M,q=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),$=o.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:s,onFocusOutside:i,onInteractOutside:l,onDismiss:a,...d}=e,c=o.useContext(q),[p,g]=o.useState(null),y=(p==null?void 0:p.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,b]=o.useState({}),h=I(t,f=>g(f)),O=Array.from(c.layers),[x]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),K=O.indexOf(x),T=p?O.indexOf(p):-1,H=c.layersWithOutsidePointerEventsDisabled.size>0,k=T>=K,X=xe(f=>{const C=f.target,B=[...c.branches].some(j=>j.contains(C));!k||B||(s==null||s(f),l==null||l(f),f.defaultPrevented||a==null||a())},y),W=Ce(f=>{const C=f.target;[...c.branches].some(j=>j.contains(C))||(i==null||i(f),l==null||l(f),f.defaultPrevented||a==null||a())},y);return he(f=>{T===c.layers.size-1&&(r==null||r(f),!f.defaultPrevented&&a&&(f.preventDefault(),a()))},y),o.useEffect(()=>{if(p)return n&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(M=y.body.style.pointerEvents,y.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(p)),c.layers.add(p),N(),()=>{n&&c.layersWithOutsidePointerEventsDisabled.size===1&&(y.body.style.pointerEvents=M)}},[p,y,n,c]),o.useEffect(()=>()=>{p&&(c.layers.delete(p),c.layersWithOutsidePointerEventsDisabled.delete(p),N())},[p,c]),o.useEffect(()=>{const f=()=>b({});return document.addEventListener(w,f),()=>document.removeEventListener(w,f)},[]),u.jsx(A.div,{...d,ref:h,style:{pointerEvents:H?k?"auto":"none":void 0,...e.style},onFocusCapture:R(e.onFocusCapture,W.onFocusCapture),onBlurCapture:R(e.onBlurCapture,W.onBlurCapture),onPointerDownCapture:R(e.onPointerDownCapture,X.onPointerDownCapture)})});$.displayName=ve;var Ee="DismissableLayerBranch",be=o.forwardRef((e,t)=>{const n=o.useContext(q),r=o.useRef(null),s=I(t,r);return o.useEffect(()=>{const i=r.current;if(i)return n.branches.add(i),()=>{n.branches.delete(i)}},[n.branches]),u.jsx(A.div,{...e,ref:s})});be.displayName=Ee;function xe(e,t=globalThis==null?void 0:globalThis.document){const n=D(e),r=o.useRef(!1),s=o.useRef(()=>{});return o.useEffect(()=>{const i=a=>{if(a.target&&!r.current){let d=function(){z(me,n,c,{discrete:!0})};const c={originalEvent:a};a.pointerType==="touch"?(t.removeEventListener("click",s.current),s.current=d,t.addEventListener("click",s.current,{once:!0})):d()}else t.removeEventListener("click",s.current);r.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",i)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",i),t.removeEventListener("click",s.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function Ce(e,t=globalThis==null?void 0:globalThis.document){const n=D(e),r=o.useRef(!1);return o.useEffect(()=>{const s=i=>{i.target&&!r.current&&z(ge,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 N(){const e=new CustomEvent(w);document.dispatchEvent(e)}function z(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?fe(s,i):s.dispatchEvent(i)}const Pe=({id:e,layers:t,children:n,...r})=>e===t[t.length-1]?u.jsx($,{...r,children:n}):u.jsx(u.Fragment,{children:n}),U=v.createContext({layers:[],setLayers:()=>{},addLayer:()=>{},removeLayer:()=>{},removeTopLayer:()=>{}}),Le=({children:e})=>{const[t,n]=v.useState([]),r=(l,a={})=>{const{layer:d}=a;if(typeof d=="number")return n(c=>c.length-1<d?[...c,l]:[...c.slice(0,d),l,...c.slice(d)]);n(c=>[...c,l])},s=l=>{n(t.filter(a=>a!==l))},i=()=>{const l=t[t.length-1];l&&s(l)};return u.jsx(U.Provider,{value:{layers:t,setLayers:n,addLayer:r,removeLayer:s,removeTopLayer:i},children:e})},Oe=()=>v.useContext(U),je=({defaultOpen:e,open:t,onOpenChange:n,...r})=>{const[s,i]=re({prop:t,onChange:n,defaultProp:e});if(s)return u.jsx(Re,{open:s,onOpenChange:i,...r})},Re=({open:e,onOpenChange:t,a11yTitle:n,a11yDescription:r,children:s,layer:i,...l})=>{var y,b;const a=v.useId(),d=Oe();v.useEffect(()=>{!d||!e||d.layers.includes(a)||d.addLayer(a,{layer:i})},[a,i,d,e]);const c=((y=d.layers)==null?void 0:y.indexOf(a))||0,p=((b=d.layers)==null?void 0:b.length)||0,g=c!==0;return u.jsx(Pe,{id:a,layers:d.layers,onEscapeKeyDown:h=>{h.preventDefault(),d.removeTopLayer(),t(!1)},onPointerDownOutside:h=>{h.preventDefault(),d.removeTopLayer(),t(!1)},children:u.jsxs(E.Root,{open:e,onOpenChange:h=>{var x;if(((x=d==null?void 0:d.layers)==null?void 0:x.length)>0)return h===!1&&a===d.layers[d.layers.length-1]?(d.removeLayer(a),t(!1)):void 0;t(h)},children:[u.jsxs(te.Root,{children:[u.jsx(E.Title,{children:n}),r&&u.jsx(E.Description,{children:r})]}),u.jsx(P.AnimatePresence,{children:e&&u.jsx(Se,{layer:c,children:u.jsx(m.Stack,{as:P.motion.div,initial:{top:`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${p-1})`},animate:{top:g?`calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${c} )`:"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) + ${c})`},children:u.jsx(m.Stack,{direction:"column",as:P.motion.div,animate:{scale:1.02-Math.abs(p-c)*.02,transformOrigin:"center center"},transition:{duration:.2,bounce:0,type:"spring"},maxW:l.maxW??"160",w:l.w??"full",bg:"surface-1",border:"px",rounded:"4",shadow:"3",...l,children:s},`content-${a}`)},`container-${a}`)})})]},a)})},Se=({layer:e,children:t})=>e>0?t:u.jsxs(E.Overlay,{children:[u.jsx(m.Box,{as:P.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]}),we=v.forwardRef(({children:e,...t},n)=>u.jsx(Z.FocusScope,{trapped:!0,children:u.jsx(E.Content,{ref:n,asChild:!0,...t,children:u.jsx(m.Stack,{direction:"column",h:"full",...t,children:e})})})),De=({size:e="1",variant:t="ghost",...n})=>u.jsx(E.Close,{asChild:!0,children:u.jsx(J.Button,{icon:{icon:Q.Lucide.X,alt:"Close Modal"},variant:t,size:e,...n})}),Te=({children:e,...t})=>u.jsx(m.Stack,{direction:"column",px:"6",py:"4",...t,children:e}),ke=({children:e,...t})=>u.jsx(m.Stack,{direction:"row",justify:"space-between",align:"center",px:"6",py:"4",borderBottom:"px",...t,children:e}),We=({children:e,...t})=>u.jsx(m.Stack,{direction:"row",align:"center",justify:"flex-end",gap:"2",px:"6",py:"4",borderTop:"px",...t,children:e}),V={};Object.assign(V,{Root:je,Content:we,Close:De,Body:Te,Header:ke,Footer:We});exports.Modal=V;exports.ModalStackingProvider=Le;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\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\ntype RootProps = Omit<\n  React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n  \"modal\"\n> &\n  TgphComponentProps<typeof Stack> & {\n    a11yTitle: string;\n    a11yDescription?: string;\n  };\n\nconst Root = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  a11yTitle,\n  a11yDescription,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\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          <>\n            <Dialog.Overlay>\n              <Box\n                as={motion.div}\n                onClick={() => onOpenChange?.(false)}\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                zIndex=\"overlay\"\n                style={{\n                  position: \"fixed\",\n                  inset: \"0px\",\n                }}\n              />\n              <Stack\n                zIndex=\"modal\"\n                w=\"full\"\n                style={{\n                  position: \"fixed\",\n                  top: 0,\n                  left: \"50%\",\n                  maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n                  maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n                }}\n              >\n                <Stack\n                  direction=\"column\"\n                  as={motion.div}\n                  my=\"16\"\n                  initial={{ scale: 0.8, opacity: 0, y: -20, x: \"-50%\" }}\n                  animate={{ scale: 1, opacity: 1, y: 0, x: \"-50%\" }}\n                  exit={{ scale: 0.8, opacity: 0, y: -20, x: \"-50%\" }}\n                  transition={{ duration: 0.2, bounce: 0, type: \"spring\" }}\n                  maxW={props.maxW ?? \"160\"}\n                  w={props.w ?? \"full\"}\n                  bg=\"surface-1\"\n                  border=\"px\"\n                  rounded=\"4\"\n                  shadow=\"1\"\n                  {...props}\n                >\n                  {children}\n                </Stack>\n              </Stack>\n            </Dialog.Overlay>\n          </>\n        )}\n      </AnimatePresence>\n    </Dialog.Root>\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} {...props} asChild>\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>({ children, ...props }: BodyProps<T>) => {\n  return (\n    <Stack direction=\"column\" px=\"6\" py=\"4\" {...props}>\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":["Root","defaultOpen","open","onOpenChange","a11yTitle","a11yDescription","children","props","jsxs","Dialog","VisuallyHidden","jsx","AnimatePresence","Box","motion","Stack","Content","React","forwardedRef","Close","size","variant","Button","Lucide","Body","Header","Footer","Modal"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../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","../../../../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-dismissable-layer/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../src/Modal/Modal.helpers.tsx","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// 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","// 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-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","import {\n  DismissableLayer,\n  type DismissableLayerProps,\n} from \"@radix-ui/react-dismissable-layer\";\n\ntype DismissableWrapperProps = DismissableLayerProps & {\n  id: string;\n  layers: Array<string>;\n  children: React.ReactNode;\n};\n\n//\n// Handles the logic for when a global action like \"esc\" or clicking outside\n// should close the modal. When stacking modals, we don't want to close the\n// modal if we are not on the top-most layer.\n//\nconst DismissableWrapper = ({\n  id,\n  layers,\n  children,\n  ...props\n}: DismissableWrapperProps) => {\n  const isTopLayer = id === layers[layers.length - 1];\n\n  if (isTopLayer) {\n    return <DismissableLayer {...props}>{children}</DismissableLayer>;\n  }\n\n  return <>{children}</>;\n};\n\nexport { DismissableWrapper };\n","import React from \"react\";\n\ntype AddLayerOptions = {\n  layer?: number;\n};\n\nconst ModalStackingContext = React.createContext<{\n  layers: Array<string>;\n  setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n  addLayer: (id: string, options: AddLayerOptions) => 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, options: AddLayerOptions = {}) => {\n    const { layer } = options;\n\n    // If a layer is specified, insert the layer at the specified index\n    // so that the modal renders at the correct layer in the stack.\n    if (typeof layer === \"number\") {\n      return setLayers((current) => {\n        if (current.length - 1 < layer) {\n          return [...current, id];\n        }\n\n        return [...current.slice(0, layer), id, ...current.slice(layer)];\n      });\n    } else {\n      setLayers((current) => [...current, id]);\n    }\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 { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport type { Required } 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 { DismissableWrapper } from \"./Modal.helpers\";\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n  React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n  \"modal\"\n> &\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  // 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\nconst RootComponent = ({\n  open,\n  onOpenChange,\n  a11yTitle,\n  a11yDescription,\n  children,\n  layer: layerProp,\n  ...props\n}: Required<RootProps, \"open\" | \"onOpenChange\">) => {\n  const id = React.useId();\n  const stacking = useModalStacking();\n\n  React.useEffect(() => {\n    if (!stacking || !open || stacking.layers.includes(id)) return;\n    stacking.addLayer(id, { layer: layerProp });\n  }, [id, layerProp, stacking, open]);\n\n  const layer = stacking.layers?.indexOf(id) || 0;\n  const layersLength = stacking.layers?.length || 0;\n  const isStacked = layer !== 0;\n\n  return (\n    <DismissableWrapper\n      id={id}\n      layers={stacking.layers}\n      onEscapeKeyDown={(event) => {\n        event.preventDefault();\n        stacking.removeTopLayer();\n        onOpenChange(false);\n      }}\n      onPointerDownOutside={(event) => {\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            <Overlay layer={layer}>\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={{ duration: 0.2, bounce: 0, type: \"spring\" }}\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            </Overlay>\n          )}\n        </AnimatePresence>\n      </Dialog.Root>\n    </DismissableWrapper>\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      <FocusScope trapped={true}>\n        <Dialog.Content ref={forwardedRef} asChild {...props}>\n          <Stack direction=\"column\" h=\"full\" {...props}>\n            {children}\n          </Stack>\n        </Dialog.Content>\n      </FocusScope>\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>({ children, ...props }: BodyProps<T>) => {\n  return (\n    <Stack direction=\"column\" px=\"6\" py=\"4\" {...props}>\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":["useCallbackRef","callback","callbackRef","React","args","_a","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","composeRefs","refs","node","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","element","getter","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useComposedRefs","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","DismissableWrapper","id","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","options","layer","current","removeLayer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","RootComponent","a11yTitle","a11yDescription","layerProp","stacking","layersLength","isStacked","jsxs","Dialog","VisuallyHidden","AnimatePresence","Overlay","Stack","motion","Box","Content","FocusScope","Close","size","variant","Button","Lucide","Body","Header","Footer","Modal"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}

package/dist/esm/index.mjs

@@ -1,104 +1,452 @@
-import { jsx as t, jsxs as a, Fragment as p } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-dialog";
-import * as u from "@radix-ui/react-visually-hidden";
-import { Button as x } from "@telegraph/button";
-import { Lucide as f } from "@telegraph/icon";
-import { Stack as n, Box as y } from "@telegraph/layout";
-import { AnimatePresence as h, motion as d } from "framer-motion";
-import g from "react";
-const b = ({
-  defaultOpen: o,
-  open: i,
-  onOpenChange: r,
-  a11yTitle: s,
-  a11yDescription: l,
-  children: m,
-  ...c
-}) => /* @__PURE__ */ a(
-  e.Root,
-  {
-    open: i,
-    onOpenChange: r,
-    defaultOpen: o,
-    children: [
-      /* @__PURE__ */ a(u.Root, { children: [
-        /* @__PURE__ */ t(e.Title, { children: s }),
-        l && /* @__PURE__ */ t(e.Description, { children: l })
-      ] }),
-      /* @__PURE__ */ t(h, { children: i && /* @__PURE__ */ t(p, { children: /* @__PURE__ */ a(e.Overlay, { children: [
-        /* @__PURE__ */ t(
-          y,
-          {
-            as: d.div,
-            onClick: () => r == null ? void 0 : r(!1),
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: { duration: 0.3, bounce: 0, type: "spring" },
-            bg: "alpha-black-6",
-            zIndex: "overlay",
-            style: {
-              position: "fixed",
-              inset: "0px"
-            }
-          }
-        ),
-        /* @__PURE__ */ t(
-          n,
-          {
-            zIndex: "modal",
-            w: "full",
-            style: {
-              position: "fixed",
-              top: 0,
-              left: "50%",
-              maxHeight: "calc(100vh - var(--tgph-spacing-32))",
-              maxWidth: "calc(100vw - var(--tgph-spacing-8))"
-            },
-            children: /* @__PURE__ */ t(
-              n,
-              {
-                direction: "column",
-                as: d.div,
-                my: "16",
-                initial: { scale: 0.8, opacity: 0, y: -20, x: "-50%" },
-                animate: { scale: 1, opacity: 1, y: 0, x: "-50%" },
-                exit: { scale: 0.8, opacity: 0, y: -20, x: "-50%" },
-                transition: { duration: 0.2, bounce: 0, type: "spring" },
-                maxW: c.maxW ?? "160",
-                w: c.w ?? "full",
-                bg: "surface-1",
-                border: "px",
-                rounded: "4",
-                shadow: "1",
-                ...c,
-                children: m
-              }
-            )
-          }
+import { jsx as d, Fragment as I, jsxs as D } from "react/jsx-runtime";
+import * as v from "@radix-ui/react-dialog";
+import { FocusScope as Z } from "@radix-ui/react-focus-scope";
+import * as o from "react";
+import E from "react";
+import * as q from "@radix-ui/react-visually-hidden";
+import { Button as G } from "@telegraph/button";
+import { Lucide as J } from "@telegraph/icon";
+import { Stack as g, Box as Q } from "@telegraph/layout";
+import { AnimatePresence as ee, motion as O } from "framer-motion";
+import * as te from "react-dom";
+function M(t) {
+  const e = o.useRef(t);
+  return o.useEffect(() => {
+    e.current = t;
+  }), o.useMemo(() => (...n) => {
+    var r;
+    return (r = e.current) == null ? void 0 : r.call(e, ...n);
+  }, []);
+}
+function ne({
+  prop: t,
+  defaultProp: e,
+  onChange: n = () => {
+  }
+}) {
+  const [r, s] = re({ defaultProp: e, onChange: n }), i = t !== void 0, l = i ? t : r, a = M(n), u = o.useCallback(
+    (c) => {
+      if (i) {
+        const m = typeof c == "function" ? c(t) : c;
+        m !== t && a(m);
+      } else
+        s(c);
+    },
+    [i, t, s, a]
+  );
+  return [l, u];
+}
+function re({
+  defaultProp: t,
+  onChange: e
+}) {
+  const n = o.useState(t), [r] = n, s = o.useRef(r), i = M(e);
+  return o.useEffect(() => {
+    s.current !== r && (i(r), s.current = r);
+  }, [r, s, i]), n;
+}
+function R(t, e, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(s) {
+    if (t == null || t(s), n === !1 || !s.defaultPrevented)
+      return e == null ? void 0 : e(s);
+  };
+}
+function se(t, e) {
+  typeof t == "function" ? t(e) : t != null && (t.current = e);
+}
+function oe(...t) {
+  return (e) => t.forEach((n) => se(n, e));
+}
+var j = o.forwardRef((t, e) => {
+  const { children: n, ...r } = t, s = o.Children.toArray(n), i = s.find(ae);
+  if (i) {
+    const l = i.props.children, a = s.map((u) => u === i ? o.Children.count(l) > 1 ? o.Children.only(null) : o.isValidElement(l) ? l.props.children : null : u);
+    return /* @__PURE__ */ d(x, { ...r, ref: e, children: o.isValidElement(l) ? o.cloneElement(l, void 0, a) : null });
+  }
+  return /* @__PURE__ */ d(x, { ...r, ref: e, children: n });
+});
+j.displayName = "Slot";
+var x = o.forwardRef((t, e) => {
+  const { children: n, ...r } = t;
+  if (o.isValidElement(n)) {
+    const s = le(n);
+    return o.cloneElement(n, {
+      ...ce(r, n.props),
+      // @ts-ignore
+      ref: e ? oe(e, s) : s
+    });
+  }
+  return o.Children.count(n) > 1 ? o.Children.only(null) : null;
+});
+x.displayName = "SlotClone";
+var ie = ({ children: t }) => /* @__PURE__ */ d(I, { children: t });
+function ae(t) {
+  return o.isValidElement(t) && t.type === ie;
+}
+function ce(t, e) {
+  const n = { ...e };
+  for (const r in e) {
+    const s = t[r], i = e[r];
+    /^on[A-Z]/.test(r) ? s && i ? n[r] = (...a) => {
+      i(...a), s(...a);
+    } : s && (n[r] = s) : r === "style" ? n[r] = { ...s, ...i } : r === "className" && (n[r] = [s, i].filter(Boolean).join(" "));
+  }
+  return { ...t, ...n };
+}
+function le(t) {
+  var r, s;
+  let e = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, n = e && "isReactWarning" in e && e.isReactWarning;
+  return n ? t.ref : (e = (s = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : s.get, n = e && "isReactWarning" in e && e.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
+}
+var ue = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], _ = ue.reduce((t, e) => {
+  const n = o.forwardRef((r, s) => {
+    const { asChild: i, ...l } = r, a = i ? j : e;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(a, { ...l, ref: s });
+  });
+  return n.displayName = `Primitive.${e}`, { ...t, [e]: n };
+}, {});
+function de(t, e) {
+  t && te.flushSync(() => t.dispatchEvent(e));
+}
+function fe(t, e) {
+  typeof t == "function" ? t(e) : t != null && (t.current = e);
+}
+function pe(...t) {
+  return (e) => t.forEach((n) => fe(n, e));
+}
+function $(...t) {
+  return o.useCallback(pe(...t), t);
+}
+function T(t) {
+  const e = o.useRef(t);
+  return o.useEffect(() => {
+    e.current = t;
+  }), o.useMemo(() => (...n) => {
+    var r;
+    return (r = e.current) == null ? void 0 : r.call(e, ...n);
+  }, []);
+}
+function ye(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = T(t);
+  o.useEffect(() => {
+    const r = (s) => {
+      s.key === "Escape" && n(s);
+    };
+    return e.addEventListener("keydown", r, { capture: !0 }), () => e.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, e]);
+}
+var he = "DismissableLayer", S = "dismissableLayer.update", me = "dismissableLayer.pointerDownOutside", ve = "dismissableLayer.focusOutside", A, U = o.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), z = o.forwardRef(
+  (t, e) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: s,
+      onFocusOutside: i,
+      onInteractOutside: l,
+      onDismiss: a,
+      ...u
+    } = t, c = o.useContext(U), [p, m] = o.useState(null), y = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, b] = o.useState({}), h = $(e, (f) => m(f)), P = Array.from(c.layers), [C] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), X = P.indexOf(C), W = p ? P.indexOf(p) : -1, H = c.layersWithOutsidePointerEventsDisabled.size > 0, B = W >= X, Y = be((f) => {
+      const L = f.target, k = [...c.branches].some((w) => w.contains(L));
+      !B || k || (s == null || s(f), l == null || l(f), f.defaultPrevented || a == null || a());
+    }, y), N = Ce((f) => {
+      const L = f.target;
+      [...c.branches].some((w) => w.contains(L)) || (i == null || i(f), l == null || l(f), f.defaultPrevented || a == null || a());
+    }, y);
+    return ye((f) => {
+      W === c.layers.size - 1 && (r == null || r(f), !f.defaultPrevented && a && (f.preventDefault(), a()));
+    }, y), o.useEffect(() => {
+      if (p)
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (A = y.body.style.pointerEvents, y.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(p)), c.layers.add(p), F(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (y.body.style.pointerEvents = A);
+        };
+    }, [p, y, n, c]), o.useEffect(() => () => {
+      p && (c.layers.delete(p), c.layersWithOutsidePointerEventsDisabled.delete(p), F());
+    }, [p, c]), o.useEffect(() => {
+      const f = () => b({});
+      return document.addEventListener(S, f), () => document.removeEventListener(S, f);
+    }, []), /* @__PURE__ */ d(
+      _.div,
+      {
+        ...u,
+        ref: h,
+        style: {
+          pointerEvents: H ? B ? "auto" : "none" : void 0,
+          ...t.style
+        },
+        onFocusCapture: R(t.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: R(t.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: R(
+          t.onPointerDownCapture,
+          Y.onPointerDownCapture
         )
-      ] }) }) })
-    ]
+      }
+    );
+  }
+);
+z.displayName = he;
+var Ee = "DismissableLayerBranch", ge = o.forwardRef((t, e) => {
+  const n = o.useContext(U), r = o.useRef(null), s = $(e, r);
+  return o.useEffect(() => {
+    const i = r.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ d(_.div, { ...t, ref: s });
+});
+ge.displayName = Ee;
+function be(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = T(t), r = o.useRef(!1), s = o.useRef(() => {
+  });
+  return o.useEffect(() => {
+    const i = (a) => {
+      if (a.target && !r.current) {
+        let u = function() {
+          V(
+            me,
+            n,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: a };
+        a.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = u, e.addEventListener("click", s.current, { once: !0 })) : u();
+      } else
+        e.removeEventListener("click", s.current);
+      r.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", i), e.removeEventListener("click", s.current);
+    };
+  }, [e, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Ce(t, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = T(t), r = o.useRef(!1);
+  return o.useEffect(() => {
+    const s = (i) => {
+      i.target && !r.current && V(ve, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function F() {
+  const t = new CustomEvent(S);
+  document.dispatchEvent(t);
+}
+function V(t, e, n, { discrete: r }) {
+  const s = n.originalEvent.target, i = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: n });
+  e && s.addEventListener(t, e, { once: !0 }), r ? de(s, i) : s.dispatchEvent(i);
+}
+const Le = ({
+  id: t,
+  layers: e,
+  children: n,
+  ...r
+}) => t === e[e.length - 1] ? /* @__PURE__ */ d(z, { ...r, children: n }) : /* @__PURE__ */ d(I, { children: n }), K = E.createContext({
+  layers: [],
+  setLayers: () => {
+  },
+  addLayer: () => {
+  },
+  removeLayer: () => {
+  },
+  removeTopLayer: () => {
   }
-), w = g.forwardRef(
-  ({ children: o, ...i }, r) => /* @__PURE__ */ t(e.Content, { ref: r, ...i, asChild: !0, children: /* @__PURE__ */ t(n, { direction: "column", h: "full", ...i, children: o }) })
-), v = ({
-  size: o = "1",
-  variant: i = "ghost",
+}), _e = ({ children: t }) => {
+  const [e, n] = E.useState([]), r = (l, a = {}) => {
+    const { layer: u } = a;
+    if (typeof u == "number")
+      return n((c) => c.length - 1 < u ? [...c, l] : [...c.slice(0, u), l, ...c.slice(u)]);
+    n((c) => [...c, l]);
+  }, s = (l) => {
+    n(e.filter((a) => a !== l));
+  }, i = () => {
+    const l = e[e.length - 1];
+    l && s(l);
+  };
+  return /* @__PURE__ */ d(
+    K.Provider,
+    {
+      value: { layers: e, setLayers: n, addLayer: r, removeLayer: s, removeTopLayer: i },
+      children: t
+    }
+  );
+}, Pe = () => E.useContext(K), we = ({
+  defaultOpen: t,
+  open: e,
+  onOpenChange: n,
   ...r
-}) => /* @__PURE__ */ t(e.Close, { asChild: !0, children: /* @__PURE__ */ t(
-  x,
+}) => {
+  const [s, i] = ne({
+    prop: e,
+    onChange: n,
+    defaultProp: t
+  });
+  if (s)
+    return /* @__PURE__ */ d(Re, { open: s, onOpenChange: i, ...r });
+}, Re = ({
+  open: t,
+  onOpenChange: e,
+  a11yTitle: n,
+  a11yDescription: r,
+  children: s,
+  layer: i,
+  ...l
+}) => {
+  var y, b;
+  const a = E.useId(), u = Pe();
+  E.useEffect(() => {
+    !u || !t || u.layers.includes(a) || u.addLayer(a, { layer: i });
+  }, [a, i, u, t]);
+  const c = ((y = u.layers) == null ? void 0 : y.indexOf(a)) || 0, p = ((b = u.layers) == null ? void 0 : b.length) || 0, m = c !== 0;
+  return /* @__PURE__ */ d(
+    Le,
+    {
+      id: a,
+      layers: u.layers,
+      onEscapeKeyDown: (h) => {
+        h.preventDefault(), u.removeTopLayer(), e(!1);
+      },
+      onPointerDownOutside: (h) => {
+        h.preventDefault(), u.removeTopLayer(), e(!1);
+      },
+      children: /* @__PURE__ */ D(
+        v.Root,
+        {
+          open: t,
+          onOpenChange: (h) => {
+            var C;
+            if (((C = u == null ? void 0 : u.layers) == null ? void 0 : C.length) > 0)
+              return h === !1 && a === u.layers[u.layers.length - 1] ? (u.removeLayer(a), e(!1)) : void 0;
+            e(h);
+          },
+          children: [
+            /* @__PURE__ */ D(q.Root, { children: [
+              /* @__PURE__ */ d(v.Title, { children: n }),
+              r && /* @__PURE__ */ d(v.Description, { children: r })
+            ] }),
+            /* @__PURE__ */ d(ee, { children: t && /* @__PURE__ */ d(De, { layer: c, children: /* @__PURE__ */ d(
+              g,
+              {
+                as: O.div,
+                initial: {
+                  top: `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${p - 1})`
+                },
+                animate: {
+                  top: m ? `calc(var(--tgph-spacing-16) + var(--tgph-spacing-4) * ${c} )` : "var(--tgph-spacing-16)"
+                },
+                exit: { top: 0 },
+                transition: { type: "spring", duration: 0.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) + ${c})`
+                },
+                children: /* @__PURE__ */ d(
+                  g,
+                  {
+                    direction: "column",
+                    as: O.div,
+                    animate: {
+                      scale: 1.02 - Math.abs(p - c) * 0.02,
+                      transformOrigin: "center center"
+                    },
+                    transition: { duration: 0.2, bounce: 0, type: "spring" },
+                    maxW: l.maxW ?? "160",
+                    w: l.w ?? "full",
+                    bg: "surface-1",
+                    border: "px",
+                    rounded: "4",
+                    shadow: "3",
+                    ...l,
+                    children: s
+                  },
+                  `content-${a}`
+                )
+              },
+              `container-${a}`
+            ) }) })
+          ]
+        },
+        a
+      )
+    }
+  );
+}, De = ({ layer: t, children: e }) => t > 0 ? e : /* @__PURE__ */ D(v.Overlay, { children: [
+  /* @__PURE__ */ d(
+    Q,
+    {
+      as: O.div,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.3, bounce: 0, type: "spring" },
+      bg: "alpha-black-6",
+      w: "full",
+      h: "full",
+      zIndex: "overlay",
+      style: {
+        position: "fixed",
+        cursor: "pointer",
+        inset: "0px"
+      }
+    }
+  ),
+  e
+] }), Oe = E.forwardRef(
+  ({ children: t, ...e }, n) => /* @__PURE__ */ d(Z, { trapped: !0, children: /* @__PURE__ */ d(v.Content, { ref: n, asChild: !0, ...e, children: /* @__PURE__ */ d(g, { direction: "column", h: "full", ...e, children: t }) }) })
+), xe = ({
+  size: t = "1",
+  variant: e = "ghost",
+  ...n
+}) => /* @__PURE__ */ d(v.Close, { asChild: !0, children: /* @__PURE__ */ d(
+  G,
   {
-    icon: { icon: f.X, alt: "Close Modal" },
-    variant: i,
-    size: o,
-    ...r
+    icon: { icon: J.X, alt: "Close Modal" },
+    variant: e,
+    size: t,
+    ...n
   }
-) }), j = ({ children: o, ...i }) => /* @__PURE__ */ t(n, { direction: "column", px: "6", py: "4", ...i, children: o }), R = ({
-  children: o,
-  ...i
-}) => /* @__PURE__ */ t(
-  n,
+) }), Se = ({ children: t, ...e }) => /* @__PURE__ */ d(g, { direction: "column", px: "6", py: "4", ...e, children: t }), Te = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ d(
+  g,
   {
     direction: "row",
     justify: "space-between",
@@ -106,14 +454,14 @@ const b = ({
     px: "6",
     py: "4",
     borderBottom: "px",
-    ...i,
-    children: o
+    ...e,
+    children: t
   }
-), B = ({
-  children: o,
-  ...i
-}) => /* @__PURE__ */ t(
-  n,
+), We = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ d(
+  g,
   {
     direction: "row",
     align: "center",
@@ -122,19 +470,20 @@ const b = ({
     px: "6",
     py: "4",
     borderTop: "px",
-    ...i,
-    children: o
+    ...e,
+    children: t
   }
-), k = {};
-Object.assign(k, {
-  Root: b,
-  Content: w,
-  Close: v,
-  Body: j,
-  Header: R,
-  Footer: B
+), Be = {};
+Object.assign(Be, {
+  Root: we,
+  Content: Oe,
+  Close: xe,
+  Body: Se,
+  Header: Te,
+  Footer: We
 });
 export {
-  k as Modal
+  Be as Modal,
+  _e as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\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\ntype RootProps = Omit<\n  React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n  \"modal\"\n> &\n  TgphComponentProps<typeof Stack> & {\n    a11yTitle: string;\n    a11yDescription?: string;\n  };\n\nconst Root = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  a11yTitle,\n  a11yDescription,\n  children,\n  ...props\n}: RootProps) => {\n  return (\n    <Dialog.Root\n      open={open}\n      onOpenChange={onOpenChange}\n      defaultOpen={defaultOpen}\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          <>\n            <Dialog.Overlay>\n              <Box\n                as={motion.div}\n                onClick={() => onOpenChange?.(false)}\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                zIndex=\"overlay\"\n                style={{\n                  position: \"fixed\",\n                  inset: \"0px\",\n                }}\n              />\n              <Stack\n                zIndex=\"modal\"\n                w=\"full\"\n                style={{\n                  position: \"fixed\",\n                  top: 0,\n                  left: \"50%\",\n                  maxHeight: \"calc(100vh - var(--tgph-spacing-32))\",\n                  maxWidth: \"calc(100vw - var(--tgph-spacing-8))\",\n                }}\n              >\n                <Stack\n                  direction=\"column\"\n                  as={motion.div}\n                  my=\"16\"\n                  initial={{ scale: 0.8, opacity: 0, y: -20, x: \"-50%\" }}\n                  animate={{ scale: 1, opacity: 1, y: 0, x: \"-50%\" }}\n                  exit={{ scale: 0.8, opacity: 0, y: -20, x: \"-50%\" }}\n                  transition={{ duration: 0.2, bounce: 0, type: \"spring\" }}\n                  maxW={props.maxW ?? \"160\"}\n                  w={props.w ?? \"full\"}\n                  bg=\"surface-1\"\n                  border=\"px\"\n                  rounded=\"4\"\n                  shadow=\"1\"\n                  {...props}\n                >\n                  {children}\n                </Stack>\n              </Stack>\n            </Dialog.Overlay>\n          </>\n        )}\n      </AnimatePresence>\n    </Dialog.Root>\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} {...props} asChild>\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>({ children, ...props }: BodyProps<T>) => {\n  return (\n    <Stack direction=\"column\" px=\"6\" py=\"4\" {...props}>\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":["Root","defaultOpen","open","onOpenChange","a11yTitle","a11yDescription","children","props","jsxs","Dialog","VisuallyHidden","jsx","AnimatePresence","Box","motion","Stack","Content","React","forwardedRef","Close","size","variant","Button","Lucide","Body","Header","Footer","Modal"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAO,CAAC;AAAA,EACZ,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAO;AAAA,EAAP;AAAA,IACC,MAAAP;AAAA,IACA,cAAAC;AAAA,IACA,aAAAF;AAAA,IAEA,UAAA;AAAA,MAAC,gBAAAO,EAAAE,EAAe,MAAf,EACC,UAAA;AAAA,QAAC,gBAAAC,EAAAF,EAAO,OAAP,EAAc,UAAUL,EAAA,CAAA;AAAA,QACxBC,KACC,gBAAAM,EAACF,EAAO,aAAP,EAAoB,UAAgBJ,GAAA;AAAA,MAAA,GAEzC;AAAA,wBACCO,GACE,EAAA,UAAAV,4BAEG,UAAC,gBAAAM,EAAAC,EAAO,SAAP,EACC,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAIC,EAAO;AAAA,YACX,SAAS,MAAMX,KAAA,gBAAAA,EAAe;AAAA,YAC9B,SAAS,EAAE,SAAS,EAAE;AAAA,YACtB,SAAS,EAAE,SAAS,EAAE;AAAA,YACtB,MAAM,EAAE,SAAS,EAAE;AAAA,YACnB,YAAY,EAAE,UAAU,KAAK,QAAQ,GAAG,MAAM,SAAS;AAAA,YACvD,IAAG;AAAA,YACH,QAAO;AAAA,YACP,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAO;AAAA,YACP,GAAE;AAAA,YACF,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,WAAW;AAAA,cACX,UAAU;AAAA,YACZ;AAAA,YAEA,UAAA,gBAAAJ;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,IAAID,EAAO;AAAA,gBACX,IAAG;AAAA,gBACH,SAAS,EAAE,OAAO,KAAK,SAAS,GAAG,GAAG,KAAK,GAAG,OAAO;AAAA,gBACrD,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,GAAG,GAAG,GAAG,OAAO;AAAA,gBACjD,MAAM,EAAE,OAAO,KAAK,SAAS,GAAG,GAAG,KAAK,GAAG,OAAO;AAAA,gBAClD,YAAY,EAAE,UAAU,KAAK,QAAQ,GAAG,MAAM,SAAS;AAAA,gBACvD,MAAMP,EAAM,QAAQ;AAAA,gBACpB,GAAGA,EAAM,KAAK;AAAA,gBACd,IAAG;AAAA,gBACH,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,QAAO;AAAA,gBACN,GAAGA;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,EACF,CAAA,EACF,CAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAAA,GASAU,IAAUC,EAAM;AAAA,EACpB,CAAC,EAAE,UAAAX,GAAU,GAAGC,EAAA,GAASW,wBAEpBT,EAAO,SAAP,EAAe,KAAKS,GAAe,GAAGX,GAAO,SAAO,IACnD,UAAC,gBAAAI,EAAAI,GAAA,EAAM,WAAU,UAAS,GAAE,QAAQ,GAAGR,GACpC,UAAAD,GACH,EACF,CAAA;AAGN,GAIMa,IAAQ,CAAwB;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGd;AACL,MAEK,gBAAAI,EAAAF,EAAO,OAAP,EAAa,SAAO,IACnB,UAAA,gBAAAE;AAAA,EAACW;AAAA,EAAA;AAAA,IACC,MAAM,EAAE,MAAMC,EAAO,GAAG,KAAK,cAAc;AAAA,IAC3C,SAAAF;AAAA,IACA,MAAAD;AAAA,IACC,GAAGb;AAAA,EAAA;AAER,EAAA,CAAA,GAOEiB,IAAO,CAAwB,EAAE,UAAAlB,GAAU,GAAGC,QAEhD,gBAAAI,EAACI,GAAM,EAAA,WAAU,UAAS,IAAG,KAAI,IAAG,KAAK,GAAGR,GACzC,UAAAD,EACH,CAAA,GAOEmB,IAAS,CAAwB;AAAA,EACrC,UAAAnB;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAI;AAAA,EAACI;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,cAAa;AAAA,IACZ,GAAGR;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA,GAQDoB,IAAS,CAAwB;AAAA,EACrC,UAAApB;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAI;AAAA,EAACI;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,GAAGR;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA,GAKDqB,IAAQ,CAAC;AASf,OAAO,OAAOA,GAAO;AAAA,EACnB,MAAA3B;AAAA,EACA,SAAAgB;AAAA,EACA,OAAAG;AAAA,EACA,MAAAK;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../../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","../../../../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-dismissable-layer/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs","../../../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs","../../src/Modal/Modal.helpers.tsx","../../src/Modal/ModalStacking.tsx","../../src/Modal/Modal.tsx"],"sourcesContent":["// 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","// 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-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","import {\n  DismissableLayer,\n  type DismissableLayerProps,\n} from \"@radix-ui/react-dismissable-layer\";\n\ntype DismissableWrapperProps = DismissableLayerProps & {\n  id: string;\n  layers: Array<string>;\n  children: React.ReactNode;\n};\n\n//\n// Handles the logic for when a global action like \"esc\" or clicking outside\n// should close the modal. When stacking modals, we don't want to close the\n// modal if we are not on the top-most layer.\n//\nconst DismissableWrapper = ({\n  id,\n  layers,\n  children,\n  ...props\n}: DismissableWrapperProps) => {\n  const isTopLayer = id === layers[layers.length - 1];\n\n  if (isTopLayer) {\n    return <DismissableLayer {...props}>{children}</DismissableLayer>;\n  }\n\n  return <>{children}</>;\n};\n\nexport { DismissableWrapper };\n","import React from \"react\";\n\ntype AddLayerOptions = {\n  layer?: number;\n};\n\nconst ModalStackingContext = React.createContext<{\n  layers: Array<string>;\n  setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;\n  addLayer: (id: string, options: AddLayerOptions) => 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, options: AddLayerOptions = {}) => {\n    const { layer } = options;\n\n    // If a layer is specified, insert the layer at the specified index\n    // so that the modal renders at the correct layer in the stack.\n    if (typeof layer === \"number\") {\n      return setLayers((current) => {\n        if (current.length - 1 < layer) {\n          return [...current, id];\n        }\n\n        return [...current.slice(0, layer), id, ...current.slice(layer)];\n      });\n    } else {\n      setLayers((current) => [...current, id]);\n    }\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 { FocusScope } from \"@radix-ui/react-focus-scope\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport * as VisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { Button } from \"@telegraph/button\";\nimport type { Required } 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 { DismissableWrapper } from \"./Modal.helpers\";\nimport { useModalStacking } from \"./ModalStacking\";\n\ntype RootProps = Omit<\n  React.ComponentPropsWithoutRef<typeof Dialog.Root>,\n  \"modal\"\n> &\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  // 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\nconst RootComponent = ({\n  open,\n  onOpenChange,\n  a11yTitle,\n  a11yDescription,\n  children,\n  layer: layerProp,\n  ...props\n}: Required<RootProps, \"open\" | \"onOpenChange\">) => {\n  const id = React.useId();\n  const stacking = useModalStacking();\n\n  React.useEffect(() => {\n    if (!stacking || !open || stacking.layers.includes(id)) return;\n    stacking.addLayer(id, { layer: layerProp });\n  }, [id, layerProp, stacking, open]);\n\n  const layer = stacking.layers?.indexOf(id) || 0;\n  const layersLength = stacking.layers?.length || 0;\n  const isStacked = layer !== 0;\n\n  return (\n    <DismissableWrapper\n      id={id}\n      layers={stacking.layers}\n      onEscapeKeyDown={(event) => {\n        event.preventDefault();\n        stacking.removeTopLayer();\n        onOpenChange(false);\n      }}\n      onPointerDownOutside={(event) => {\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            <Overlay layer={layer}>\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={{ duration: 0.2, bounce: 0, type: \"spring\" }}\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            </Overlay>\n          )}\n        </AnimatePresence>\n      </Dialog.Root>\n    </DismissableWrapper>\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      <FocusScope trapped={true}>\n        <Dialog.Content ref={forwardedRef} asChild {...props}>\n          <Stack direction=\"column\" h=\"full\" {...props}>\n            {children}\n          </Stack>\n        </Dialog.Content>\n      </FocusScope>\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>({ children, ...props }: BodyProps<T>) => {\n  return (\n    <Stack direction=\"column\" px=\"6\" py=\"4\" {...props}>\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":["useCallbackRef","callback","callbackRef","React","args","_a","useControllableState","prop","defaultProp","onChange","uncontrolledProp","setUncontrolledProp","useUncontrolledState","isControlled","value","handleChange","setValue","nextValue","value2","uncontrolledState","prevValueRef","composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event","setRef","ref","composeRefs","refs","node","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","jsx","SlotClone","childrenRef","getElementRef","mergeProps","Slottable","Fragment","childProps","overrideProps","propName","slotPropValue","childPropValue","element","getter","mayWarn","_b","NODES","Primitive","primitive","Node","asChild","primitiveProps","Comp","dispatchDiscreteCustomEvent","target","ReactDOM","useComposedRefs","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","DismissableWrapper","id","ModalStackingContext","ModalStackingProvider","setLayers","addLayer","options","layer","current","removeLayer","removeTopLayer","useModalStacking","Root","defaultOpenProp","openProp","onOpenChangeProp","open","onOpenChange","RootComponent","a11yTitle","a11yDescription","layerProp","stacking","layersLength","isStacked","jsxs","Dialog","VisuallyHidden","AnimatePresence","Overlay","Stack","motion","Box","Content","FocusScope","Close","size","variant","Button","Lucide","Body","Header","Footer","Modal"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}

package/dist/types/Modal/Modal.d.ts

@@ -6,8 +6,9 @@ import * as Dialog from "@radix-ui/react-dialog";
 type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog.Root>, "modal"> & TgphComponentProps<typeof Stack> & {
     a11yTitle: string;
     a11yDescription?: string;
+    layer?: number;
 };
-declare const Root: ({ defaultOpen, open, onOpenChange, a11yTitle, a11yDescription, children, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element;
+declare const Root: ({ defaultOpen: defaultOpenProp, open: openProp, onOpenChange: onOpenChangeProp, ...props }: RootProps) => import("react/jsx-runtime").JSX.Element | undefined;
 type ContentProps = React.ComponentPropsWithoutRef<typeof Dialog.Content> & TgphComponentProps<typeof Stack>;
 declare const Content: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type CloseProps<T extends TgphElement> = TgphComponentProps<typeof Button<T>> & Omit<React.ComponentPropsWithoutRef<typeof Dialog.Close>, "color">;

package/dist/types/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAO,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAClD,OAAO,CACR,GACC,kBAAkB,CAAC,OAAO,KAAK,CAAC,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,QAAA,MAAM,IAAI,wFAQP,SAAS,4CAmEX,CAAC;AAEF,KAAK,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GACvE,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAGnC,QAAA,MAAM,OAAO,kGAUZ,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AACrE,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,+BAIjC,UAAU,CAAC,CAAC,CAAC,4CAWf,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GACzD,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,0BAA0B,SAAS,CAAC,CAAC,CAAC,4CAMxE,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC3D,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,0BAGlC,WAAW,CAAC,CAAC,CAAC,4CAchB,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC3D,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,0BAGlC,WAAW,CAAC,CAAC,CAAC,4CAehB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAS;IAClB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB,CAAC;AAWF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAIjD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAO,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,SAAS,GAAG,IAAI,CACnB,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EAClD,OAAO,CACR,GACC,kBAAkB,CAAC,OAAO,KAAK,CAAC,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,QAAA,MAAM,IAAI,+FAKP,SAAS,wDAWX,CAAC;AAuJF,KAAK,YAAY,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GACvE,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAGnC,QAAA,MAAM,OAAO,kGAYZ,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,GAC3E,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AACrE,QAAA,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,+BAIjC,UAAU,CAAC,CAAC,CAAC,4CAWf,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GACzD,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,IAAI,GAAI,CAAC,SAAS,WAAW,0BAA0B,SAAS,CAAC,CAAC,CAAC,4CAMxE,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC3D,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,0BAGlC,WAAW,CAAC,CAAC,CAAC,4CAchB,CAAC;AAEF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAC3D,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,WAAW,0BAGlC,WAAW,CAAC,CAAC,CAAC,4CAehB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAS;IAClB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB,CAAC;AAWF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/types/Modal/Modal.helpers.d.ts

@@ -0,0 +1,10 @@
+import { DismissableLayerProps } from '@radix-ui/react-dismissable-layer';
+
+type DismissableWrapperProps = DismissableLayerProps & {
+    id: string;
+    layers: Array<string>;
+    children: React.ReactNode;
+};
+declare const DismissableWrapper: ({ id, layers, children, ...props }: DismissableWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export { DismissableWrapper };
+//# sourceMappingURL=Modal.helpers.d.ts.map

package/dist/types/Modal/Modal.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.helpers.d.ts","sourceRoot":"","sources":["../../../src/Modal/Modal.helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,mCAAmC,CAAC;AAE3C,KAAK,uBAAuB,GAAG,qBAAqB,GAAG;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF,QAAA,MAAM,kBAAkB,uCAKrB,uBAAuB,4CAQzB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/types/Modal/ModalStacking.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+type AddLayerOptions = {
+    layer?: number;
+};
+type ModalStackingProviderProps = {
+    children: React.ReactNode;
+};
+declare const ModalStackingProvider: ({ children }: ModalStackingProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useModalStacking: () => {
+    layers: Array<string>;
+    setLayers: React.Dispatch<React.SetStateAction<Array<string>>>;
+    addLayer: (id: string, options: AddLayerOptions) => void;
+    removeLayer: (id: string) => void;
+    removeTopLayer: () => void;
+};
+export { ModalStackingProvider, useModalStacking };
+//# sourceMappingURL=ModalStacking.d.ts.map

package/dist/types/Modal/ModalStacking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalStacking.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalStacking.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,qBAAqB,iBAAkB,0BAA0B,4CAsCtE,CAAC;AAEF,QAAA,MAAM,gBAAgB;YAzDZ,KAAK,CAAC,MAAM,CAAC;eACV,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;cACpD,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,KAAK,IAAI;iBAC3C,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;oBACjB,MAAM,IAAI;CAuD3B,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/types/Modal/index.d.ts

@@ -1,2 +1,3 @@
 export { Modal } from './Modal';
+export { ModalStackingProvider, useModalStacking } from './ModalStacking';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { Modal } from './Modal';
+export { Modal, ModalStackingProvider } from './Modal';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/modal",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/modal",
   "author": "@knocklabs",
   "license": "MIT",
@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-focus-scope": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@telegraph/button": "^0.0.52",
     "@telegraph/helpers": "^0.0.7",
@@ -49,7 +50,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.3.1",
     "typescript": "^5.5.4",
-    "vite": "^5.3.6"
+    "vite": "^5.4.7"
   },
   "peerDependencies": {
     "react": "^18.2.0",