import{jsx as i,jsxs as y,Fragment as b}from"react/jsx-runtime";import{Content as w}from"../containers/content.js";import{Drawer as a}from"../containers/drawer.js";import{Footer as p}from"../containers/footer.js";import{Header as H}from"../containers/header.js";import{Modal as k}from"../containers/modal.js";import{Overlay as O}from"../containers/overlay.js";import{css as P}from"@styled/css";import{VStack as j}from"@styled/jsx";import{token as x}from"@styled/tokens";import{createSlot as l,createHost as C}from"create-slots";import{Children as D,cloneElement as F}from"react";const s="2.625rem",d=l(({children:e})=>i(H,{children:e})),h=l(({children:e})=>D.map(e,o=>{var t,r,n;return F(o,{color:(t=o.props.color)!==null&&t!==void 0?t:x("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f=l(w),g=l(p),u=l(a),T=({children:e,overlay:o,...t})=>{if(o){const{animate:r,backgroundType:n,isOpen:m=!0,onHidden:c,fullscreen:v=!1}=t;return i(O,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return i(b,{children:e})},I=({children:e,overlay:o=!0,...t})=>C(e,r=>{const n=r.get(d)?8:4,m=r.getProps(g),c=r.getProps(u);return i(T,{overlay:o,...t,children:i(k,{paddingType:"md",...t,children:y(j,{alignItems:"center",gap:0,width:"full",className:P({mt:n}),children:[r.get(d),r.get(h),r.get(f),m&&i(p,{...m}),c&&i(a,{...c})]})})})}),S=Object.assign(I,{Header:d,Icon:h,Content:f,Footer:g,Drawer:u});export{S as Page};
//# sourceMappingURL=page.js.map
